当onfocusout / blur /单击另一个空间时，jqgrid退出内联单元格编辑模式

Question

I searched, but I could not find such a feature of jqgrid.

I found a way and wanted to share with you.

Answer 1

The following path works for me if the item you want to edit is textarea.

You must use the document keyword because the text area is shown later.

And to finish editing, you need to setGridParam the local data to the Jqgrid again and trigger reloadGrid method.

$(document).on('blur', '.edit-cell.ui-state-highlight textarea', function () {
                var myGrid = $('#listVardiyaPlan');
                myGrid.jqGrid('setGridParam', { datatype: 'local', page: 1 }).trigger('reloadGrid');
            });