How to customize edit event in JsGrid

Question

I'm using jsGrid and want to know if it's possible how to customize onclick event of editButton . Basically, doing something like displaying modal instead of inline editing. I know that we can get the HTML output of control column like this :

{
    type: 'control',
    itemTemplate: function() {
        var $result = jsGrid.fields.control.prototype.itemTemplate.apply(this, arguments); // Array of string
        return $result;
    }
}

But how to have control on EditButton ?

Answer 1

You can try this:

editItem: function(item) {
  var $row = this.rowByItem(item);
  if ($row.length) {
    console.log('$row: ' + JSON.stringify($row)); // I modify this
    this._editRow($row);
  }
},

at your jsGrid config.

All lines except line // I modify this are default from original source of jsGrid, so dont change them.