easyui 1.4 以上版本datagrid editors 计算两列的值

原创于 2016-11-21 15:21:51 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端开发专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用 EasyUI 的 DataGrid 插件实现点击行开始编辑，并实时计算单元格值的示例。当点击 DataGrid 中的行时，该行进入编辑状态并计算指定列的乘积。

var lastIndex;
$('#tt').datagrid({
    onClickRow:function(rowIndex){
        if (lastIndex != rowIndex){
            $(this).datagrid('endEdit', lastIndex);
            $(this).datagrid('beginEdit', rowIndex);
        }
        lastIndex = rowIndex;
    },
    onBeginEdit:function(rowIndex){
        var editors = $('#tt').datagrid('getEditors', rowIndex);
        var n1 = $(editors[0].target);
        var n2 = $(editors[1].target);
        var n3 = $(editors[2].target);
        n1.add(n2).numberbox({
            onChange:function(){
                var cost = n1.numberbox('getValue')*n2.numberbox('getValue');
                n3.numberbox('setValue',cost);
            }
        })
    }
});

官方API原文文档：

http://www.jeasyui.com/tutorial/datagrid/datagrid15.php