Where to put onAfterEditStop?

Webix JS
#1

I have an editable cell in a datatable. How can I trigger a handler when the input has been changed. I would like to send a request to update the data and reload the datatable.

http://webix.com/snippet/7dddcff7

#2

Also how can you conditionally show a data cell? So for example only even IDs have an editable input. But the column remains for the other rows.

#3

I had to do

on:{
       onAfterEditStop:function(state, editor){
         //...
       }
     }}
#4

Also how can you conditionally show a data cell?

Can you please clarify the use-case? If you need to show something else in the cell, you can set the template in the column config:

http://webix.com/snippet/f3774358

#5

Thanks that looks like it should work.
However I currently have this. http://webix.com/snippet/ce0e1add

I would like to conditionally show the cancel button. When I add the logic to the template function it shows the raw string instead of the button.

http://webix.com/snippet/4f56bc9f

#6

The current notation will work only in the string templates. If it’s a function, the common objects should be returned this way:

template: function(itemObj, common){
  return common.cancelButton(itemObj, common)
}

http://webix.com/snippet/9f4fe8b3

#7

Thanks! That works great!!! :slight_smile: