【前端开发EasyUI笔记】datagrid里定义事件计算表格数据

需求：A1可编辑，A2/A3不可编辑；A1设置好值以后自动A3=A1-A2

 // form datagrid
    $('#form-tt').datagrid({
        method:'get',
        toolbar:'#form-tb',
        rownumbers:true,
        showFooter:true,
        singleSelect:true,
        emptyMsg:"<div style='text-align: left;padding-left: 30px'>无数据显示</div>",
        columns:[[
            {field:'materialDetailName',title:'物资名称',width:'15%',align:'center'},
            {field:'type',title:'规格型号',width:'10%',align:'center'},
            {field:'unit',title:'单位',width:'10%',align:'center'},
            {field:'actualNum',title:'实际库存数',width:'15%',align:'right',
                editor:{type:'numberbox',options:{precision:9}}
            },
            {field:'shouldNum',title:'账面库存',width:'15%',align:'right'},
            {field:'balance',title:'盘盈(+)盘亏(-)',width:'15%',align:'right'},
            {field:'stockPlace',title:'存放地',width:'15%',align:'center',
                editor:{type:'textbox'}
            },
            {field:'remarks',title:'备注',width:'15%',align:'left',
                editor:{type:'textbox'}
            },
            {field:'inventoryByName',title:'盘点人',width:'10%',align:'center'}
        ]],
        onBeginEdit:function (index, row) {
            //获取表格可编辑对象
            var editors = $(this).datagrid('getEditors', index);
            var n = [];
            $.each(editors, function (index, item) {
                n[index] = $(item.target);
            });
            let text = $('#inventory-warehouse').combobox('getText');
            n[1].textbox('setValue', text);

            //计算盈亏
            $('.easyui-checkbox').checkbox({width:'18px', height:'18px'});
            var editors = $(this).datagrid('getEditors', index);
            var box = $(this).datagrid('getRows',index);
            var n0 = $(editors[0].target);   //得到A1的对象
            var n1 = box['0']['shouldNum'];   //得到A2的值

            // N0事件
            n0.numberbox({
                onChange:function(){
                    var val1 = Number(n0.numberbox('getValue'))-n1;
                    alert(val1);
                    //$(this).datagrid()
                }
            });
        }
    });