Enable/disable cell in datatable

Webix JS
#1

Can you please tell how can I enable/disable a cell based on the changed in its adjacent cell?

#2

Hello,

You can catch the onBeforeEditStart event, check the value of the adjacent cell in the handler and return false if the editing operation should be blocked.

/*blocking editing for the "title" column 
if "year" of the same item is bigger than 1970*/
on:{
     onBeforeEditStart:function(id){
       	var item = this.getItem(id.row);
        if(id.column ==="title" && item.year >1970)
           return false;
     }
}

https://webix.com/snippet/7707a67d

#3

Thanks for the response. However the solution that you have given does not seem to work in my case I want to show the checkbox cell as readonly if the dropdown value in next column does not matches some specific value.

#4

For a checkbox editor you can solve this problem with the help of a template function: https://webix.com/snippet/344043d7

#5

Thanks. it worked!

#6

I want to hit server to know whether the cell is read only or not? how to achieve this? i mean: i want to ajax.post the current row details so that the server tells me whether the row can be editable or not. can someone guide me to achieve this?

#7

the problem i’m facing is: by the time ajax returns, the onBeforeEditStart event finishes and loosing the control.

#8

you can return false in onBeforeEditStart event and do editCell on ajax return.