EasyUI DataGrid 编辑单元格

之前文章 EasyUI DataGrid可编辑单元格 实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑

如下图:

EasyUI DataGrid 编辑单元格_第1张图片

现改为单击某个单元格只对此单元格进行可编辑

标记添加 onClickCell
<table id="dg" class="easyui-datagrid" data-options="onClickCell: onClickCell">


需要进行编辑的列上添加 editor

<th data-options="field:'itemId',editor:'numberbox'">th>

也可以指定

  • 小数位数:editor:{type:’numberbox’,options:{precision:1}}

  • 文本类型:editor:’text’

  • checkbox:editor:{type:’checkbox’,options:{on:’启动’,off:’关闭’}}

效果如下:

EasyUI DataGrid 编辑单元格_第2张图片


核心代码


                    
                    

你可能感兴趣的:(EasyUI)