EasyUI DataGrid可编辑单元格

效果如图:

首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型

<th field="SCORES"  editor="{type:'numberbox',options:{precision:0}}" width="120">默认分值 </th>


当用户点击一行的时候,我们开始一个编辑动作

$('#dg').datagrid({   
	onClickCell: function(index,field,value){
		$(this).datagrid('beginEdit', index);
		var ed = $(this).datagrid('getEditor', {index:index,field:field});
	} 
});


 作者:itmyhome

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

猜你喜欢

转载自www.cnblogs.com/skiwnchqhh/p/10332713.html