How to disable only swimlane's lane header editing

Hi, 

  1. I would like to disable header editing which happen when we double click on it. How can I achieve that ?
  2. I couldn't find document to find events happening for lane only. 

Thanks



1 Reply

AR Aravind Ravi Syncfusion Team January 7, 2022 10:34 AM UTC

Hi Ashish, 

Please find the response for the queries in the below table 

I would like to disable header editing which happen when we double click on it. How can I achieve that ? 
By using the header annotation’s constraints we can able to disable the header editing when we double click on it. Set the AnnotationConstraints as ReadOnly for the header. Please refer to the below code snippet 

header: { 
                annotation: { content: 'ONLINE PURCHASE STATUS', style: { fill: '#111111' }, constraints: AnnotationConstraints.ReadOnly }, 
                height: 50, style: { fontSize: 11 }, 
            }, 


I couldn't find document to find events happening for lane only. 
We suspect that you want to know, which event get triggered when lane gets interchange. If you interchange any lanes inside swimlane means then drop event gets triggered. In that event you can through source arguments you can find the interchanged lane. If you select any lanes in the swimlane means selectionChange event gets triggered.  Please refer to the below code snippet 

<ejs-diagram id="diagram" ref="diagram" :width='width' :height='height' :nodes='nodes' :drop ="drop"  :selectionChange = "selectionChange"></ejs-diagram> 

data () { 
        return { 
            width: "1000px", 
            height: "700px", 
            connectors: connectors, 
             
            nodes: nodes, 
               
       
      drop: (args) => { 
          console.log(args.source); 
     
       
    }, 



Regards 
Aravind Ravi 


Loader.
Up arrow icon