Disable command button of a row based on value

Question

Hi,I'm trying to disable a command button of a row based on value but I cannot get the instance of the command button to disable it. I'm using this thread:https://www.syncfusion.com/forums/135727/conditionally-enable-disable-command-buttonThe QueryCellInfo is working fine and the conditional, but I cannot get the instance of any command button of the row:Do I missing something??? I attached the view that I'm using.Thanks, regards!Attachment: Index_d8092e03.zip

Seeni Sakthi Kumar Seeni Raj · Answer

Hi Daniel, 
 
Greetings from Syncfusion. 
 
The forum 137527, belongs to the EJ1 Grid which runs on the jQuery. To disable the command column button in the Essential JavaScript 2 Grid, you have to use the following method.  
 




function onQueryCell(args) { 
        if (args.cell.classList.contains('e-unboundcell') && args.data.OrderID % 2== 0) { 
           args.cell.querySelector("button[title='Details']").ej2_instances[0].disabled=true; 
        } 
} 


We have prepared a sample demo, 

https://stackblitz.com/edit/tasam8?file=index.js 

Regards,  
Seeni Sakthi Kumar S

Daniel · Answer

Thanks, this works.Regards!

Daniel · Answer

Another quick question, how to get the row and put the background in a different color?Thanks, regards!

Seeni Sakthi Kumar Seeni Raj · Answer

Hi Daniel,  
 
We have already discussed about customizing cells using the queryCellInfo event. Refer to the following Help Document. 
 
https://ej2.syncfusion.com/aspnetmvc/documentation/grid/cell/#customize-cell-styles 
 
Regards,  
Seeni Sakthi Kumar S