Disable command button of a row based on value

[Daniel]

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-button

The 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]

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]

Thanks, this works.

Regards!

[Daniel]

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

Thanks, regards!

[Seeni Sakthi Kumar Seeni Raj]

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