【前端開發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()
                }
            });
        }
    });