Getting tree grid column name coulmn index - regarding

How can I get tree grid column index and column name while right clicking on colum header for context menu. Since i'm rendering check box in context menu I'm using separate <ejs-contextmenu> tag.


1 Reply

PS Pon Selva Jeganathan Syncfusion Team October 19, 2021 02:13 PM UTC

Hi suhail,   
 
Thanks for contacting syncfusion forum. 
 

Query: How can I get tree grid column index and column name while right clicking on colum header for context menu

We achieved this requirement by using beforeOpen event of the context menu.

Please refer to the below code snippet,

 
  
App.component.html 
 
<ejs-contextmenu 
    id="contextmenu" 
    target=".e-headercontent" 
    [items]="menuItems" 
    (beforeOpen)="beforeOpen($event)" 
  ></ejs-contextmenu> 
 
App.component.ts 
 
 beforeOpen(args): void { 
    var headetext = args.event.target.innerText; 
    var index; 
    var fieldname; 
    var col = this.treegrid.columns; 
    for (var i = 0i < col.lengthi++) { 
      if (col[i].headerText == headetext) { 
        index = col[i].index; 
        fieldname = col[i].field; 
        alert('Column index:' + index); 
        alert('Field name:' + fieldname); 
      } 
    } 
  } 
 
  
  
Please refer to the below sample link,  
 
Please refer to the below API link: 

Kindly get back to us for further assistance. 

Regards,   
Pon selva   
 


Loader.
Up arrow icon