Question

jquer easyui datagrid列编辑逻辑处理

var Indexrow;//保存开启编辑框的下标
var Columns = [[
{ title: '订单数量', field: 'order_num', width: 110, sortable: true, align: 'center' },
{ title: '入库', field: 'num_in', width: 100, sortable: true, align: 'center', editor: 'text' },
{ title: '出库', field: 'num_out', width: 100, sortable: true, align: 'center', editor: 'text' },
]];
$('#dg').datagrid({
columns: Columns,//设定栏位
onClickRow: function (index, rowdata) {
$(this).datagrid('endEdit', Indexrow);//关闭编辑框
},
onDblClickRow: function (rowIndex, rowData) {
$(this).datagrid('beginEdit', rowIndex);//开启编辑框
Indexrow = rowIndex;
}
});

以上是自定义编辑器

效果如上，我是做批量提交的，所以单击下一行的时候上一行会关闭编辑

现在有个逻辑就是，用户输入出库数量的时候，要判断入库是否有数量并且要小于入库数量，如果没有且大于，出库不管输入多少数量或者超出入库数量，在关闭编辑框时就赋值为0.

入库针对的是订单数量，和上面逻辑是一样的。





Answer 1

我的思路是,这个逻辑要放在关闭编辑框那边做.
首先关闭编辑框那边最后要加行代码,关闭编辑以后把Indexrow赋值为-1,代表已经当前没有正在编辑的列.下次进入这个方法的时候首先判断Indexrow是否为-1,如果为-1就return.
然后再判断入库数量是否大于出库数量之类的这些逻辑,看是否要把编辑框赋值为0.