easy ui 单元格编辑

本文介绍了一个使用EasyUI插件的jQuery数据表格编辑方法。通过自定义函数实现单元格的开始编辑、结束编辑等功能,并展示了如何在编辑过程中处理焦点及键盘事件。此外,还提供了计算总金额等实用功能。
$.extend($.fn.datagrid.methods, {
   editCell: function(jq,param){
      return jq.each(function(){
         var opts = $(this).datagrid('options');
         var fields = $(this).datagrid('getColumnFields',true).concat($(this).datagrid('getColumnFields'));
         for(var i=0; i<fields.length; i++){
            var col = $(this).datagrid('getColumnOption', fields[i]);
            col.editor1 = col.editor;
            if (fields[i] != param.field){
               col.editor = null;
            }
         }
         $(this).datagrid('beginEdit', param.index);
         var ed = $(this).datagrid('getEditor', param);
         if (ed){
            if ($(ed.target).hasClass('textbox-f')){
               $(ed.target).textbox('textbox').focus();
            } else {
               $(ed.target).focus();
            }

            $(ed.target).bind('keyup', function()
            {
               if (window.event.keyCode == 13)
               {
                  $('#table_r').datagrid('endEdit', editIndex);
               }
            });

         }



         for(var i=0; i<fields.length; i++){
            var col = $(this).datagrid('getColumnOption', fields[i]);
            col.editor = col.editor1;
         }
      });
   }
});

var editIndex = undefined;


function onEndEdit(index, row){
   f_je(index);
   f_total();
   return;
   var ed = $(this).datagrid('getEditor', {
      index: index,
      field: 'productid'
   });
   row.productname = $(ed.target).combobox('getText');

}

function endEditing(){
   if (editIndex == undefined){return true}
   if ($('#table_r').datagrid('validateRow', editIndex)){
      $('#table_r').datagrid('endEdit', editIndex);
      editIndex = undefined;
      return true;
   } else {
      return false;
   }
}
function onClickCell(index, field){
   if (editIndex != index){
      if (endEditing()){
         $('#table_r').datagrid('selectRow', index)
               .datagrid('beginEdit', index);
         var ed = $('#table_r').datagrid('getEditor', {index:index,field:field});
         if (ed){
            $(ed.target).bind('keyup', function()
            {
               if (window.event.keyCode == 13)
               {
                  $('#table_r').datagrid('endEdit', editIndex);
               }
            });
            ($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus();
         }
         editIndex = index;
      } else {
         setTimeout(function(){
            $('#table_r').datagrid('selectRow', editIndex);
         },0);
      }
   }
}


function f_total(){
   var table_r_data=$('#table_r').datagrid('getData');
   var data_r=table_r_data.rows;
   var total=0;
   for (var i=0; i < data_r.length; i++) {
      total += data_r[i].sl* data_r[i].prpricein;
   }
   table_r_data.footer[0].je=total;
   $('#table_r').datagrid('reloadFooter',table_r_data.footer);


}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值