onAfterEditStop isn't fired when another cell is selected

I have datatable with editable column where users can enter only numbers from 1 to 100. To ensure this i have function attached to datatable on onAfterEditStop event and it works fine if user enters value in cell and press enter. But if user enters value and then clicks another cell - it won't work, as if event not fired. How can I catch this clicking? Which event should I additionally catch?

function body:

        onAfterEditStop: function(state) {
          if(parseInt(state.value)>=100 || parseInt(state.value)<=0) {


  • IMO for such purpose rules attribute would be more suitable:

       view: "datatable",
       rules: {
          part: function(value, row) {
             if(parseInt(value)>=100 || parseInt(value)<=0) {
               return true;
       columns: [...]
  • Wow! Works like a charm, thank you :)

  • edited May 2017

    > But if user enters value and then clicks another cell - it won't work

    @steelunicorn can you please provide a sample that shows the issue or the exact use-case to repeat it?
    By default, such approach works


  • edited May 2017

    @Listopad sure I can. Here it is: http://webix.com/snippet/e6b36dcc just enter values over 100 or below 0 and click to any cell

  • @steelunicorn once you click another cell, getSelectedId will return its ID (if selection is enabled). As shown in the above sample, withonAfterEditStop solution will look like

    if ( /*...*/ ){
        this.updateItem(editor.row, {[editor.column]:""});

    as state and editor objects provide all necessary information for such changes.

    However, the solution from @intregal is uncommon but will work great as well.

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!