EasyUI DataGrid可编辑单元格

来源:互联网 发布:程序员考试时间多久 编辑:程序博客网 时间:2024/04/19 13:28

效果如图:

 

首先在需要可编辑的列上添加一个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


1 0
原创粉丝点击