想要单击datagrid的上的某个单元格,就可以编辑,

想要单击datagrid的上的某个单元格,就可以编辑,实现过程如下!

给datagrid 加上onclickCell方法,单击单元格触发,蓝色部分为给想要编辑的单元格加上

<table class="easyui-datagrid" id="discountChangeList" toolBar="#toolBar" url="${ctx}/discountChange/view/ajaxList.action"  pagination="true" style="width:100%"  data-options="fitColumns:true,pageSize:20,onClickCell:onClickCell">
<thead>
<tr>
<th field="ck" checkbox="true" ></th>
<th data-options="field:'customerID',width:10,align:'center' ">编号</th>
<th data-options="field:'customerName',width:10,align:'center' ">客户姓名</th>
<th data-options="field:'fuDaoDisCount',width:10,align:'center'">辅导书折扣</th>
<th data-options="field:'changedDiscount',width:10,align:'center',editor:{type:'numberbox',options:{precision:2,max:1}} ">变化后折扣</th>
<th data-options="field:'sumMoney',width:10,align:'center' ">累计余额</th>
</tr>
</thead>
</table>

js方法

<%-- 编辑单元格--%>
$.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);
for(var i=0; i<fields.length; i++){
var col = $(this).datagrid('getColumnOption', fields[i]);
col.editor = col.editor1;
}
});
}
});

var editIndex = undefined;
结束编辑
function endEditing(index){
if (editIndex == undefined){return true}

if(index!=editIndex){
$('#discountChangeList').datagrid('unselectRow', editIndex);
}
if ($('#discountChangeList').datagrid('validateRow', editIndex)){
$('#discountChangeList').datagrid('endEdit', editIndex);
editIndex = undefined;
return true;
} else {
return false;
}
}

单击后触发
function onClickCell(index, field){
if (endEditing(index)){
if(field=="changedDiscount"){
$('#discountChangeList').datagrid('unselectRow', index);
$('#discountChangeList').datagrid('editCell', {index:index,field:field});
editIndex = index;
}
}
}

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值