Prevent selection sertain rows based on condition

Question

HelloI'm using vue grid. I'm trying to prevent the selection of specific rows, based on condition.I found 'rowSelected' and 'rowSelecting' events, but there is no cancel property to prevent them. I ried to use window.event then, but that didn't work.Can you provide some examples, how to prevent selection of certain rows?

Thiyagu Subramani · Accepted Answer

Hi Alex, 

Thanks for contacting Syncfusion support. 

Query:  how to prevent selection of certain rows? 

Based on your query you need to prevent selection for the certain rows in Grid. To achieve your requirement we suggest you to use rowSelecting event of EJ2 Grid.  

In rowSelecting event we can check the condition and avoid the selection by defining args.cancel as true. Please refer to the below code and sample. 





rowSelecting: function(args) { 
      if (args.rowIndex % 2 === 0) { 
        args.cancel = true; 
      } 
    } 

  

Sample link :  https://codesandbox.io/s/vue-template-pcwti 

API links : https://ej2.syncfusion.com/vue/documentation/api/grid/rowSelectingEventArgs/ 
                : https://ej2.syncfusion.com/vue/documentation/api/grid/#rowselecting 

Please get back to us, if you need any further assistance. 

Regards, 
Thiyagu S.

Alex B · Answer

Hi Alex, 

Thanks for contacting Syncfusion support. 

Query:  how to prevent selection of certain rows? 

Based on your query you need to prevent selection for the certain rows in Grid. To achieve your requirement we suggest you to use rowSelecting event of EJ2 Grid.  

In rowSelecting event we can check the condition and avoid the selection by defining args.cancel as true. Please refer to the below code and sample. 





rowSelecting: function(args) { 
      if (args.rowIndex % 2 === 0) { 
        args.cancel = true; 
      } 
    } 

  

Sample link :  https://codesandbox.io/s/vue-template-pcwti 

API links : https://ej2.syncfusion.com/vue/documentation/api/grid/rowSelectingEventArgs/ 
                : https://ej2.syncfusion.com/vue/documentation/api/grid/#rowselecting 

Please get back to us, if you need any further assistance. 

Regards, 
Thiyagu S. Hello Thiyagu S. Thanks a lot, that worked to me.

Thiyagu Subramani · Answer

Hi Alex,   

Thanks for the update.   

We are happy to hear that your issue is resolved.   

Please get back to us if you need further assistance.   

Regards,   
Thiyagu S.