EasyUI中的datagrid单元格内自动算值和赋值

最新推荐文章于 2024-05-27 11:14:16 发布

木生火18624

最新推荐文章于 2024-05-27 11:14:16 发布

阅读量4.2k

点赞数

本文链接：https://blog.csdn.net/penghao_1/article/details/82619992

版权

百度过很多方法，不过不是很好用，后面根据表格动态编号的Id，进行获取和赋值

var nu = 4; {
    text: "添加",
    iconCls: "icon-add",
    handler: function() {
        $dg.datagrid('appendRow', {});
        var rows = $dg.datagrid('getRows');
        $dg.datagrid('beginEdit', rows.length - 1); //新的一行开始编辑                          
      //此Id随着新生成的行id都是变化，不过有规律的增加，所以用获取动态Id的方法                            
           var nu1 = '#_easyui_textbox_input' + (nu+1);                           
           var nu2 = '#_easyui_textbox_input' + (nu+2);                            
           var nu3 = '#_easyui_textbox_input' + (nu+3);                            
          //只要值发生改变就判断                           
          $(nu1).on('input propertychange', function (evt) {//对应商品单价id                               
            var t = $(nu2).val() * $(nu1).val();                               
            setEditing(rows.length - 1, t);});                           
          $(nu2).on('input propertychange', function (evt) {//对应数量的id                               
            var t = $(nu2).val() * $(nu1).val();                               
            setEditing(rows.length - 1, t);     });                            
            nu = nu + 3;//增加一行，下标需要向下移动+3     }   }, //这里直接获取editors进行赋值,并且展示到页面      
            function setEditing(rowIndex, costmoney) {          
              var editors = $dg.datagrid('getEditors', rowIndex);            
              var costEditor = editors[5];           
              $(costEditor.target).numberbox('setValue', costmoney);      
     }