EasyUI DataGrid可编辑单元格
2016-09-23 10:07
381 查看
效果如图：
首先在需要可编辑的列上添加一个editor属性，列定义为numberbox编辑类型
当用户点击一行的时候,我们开始一个编辑动作
首先在需要可编辑的列上添加一个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});
}
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- EasyUI DataGrid 编辑单元格
- Datagrid扩展方法onClickCell{easyui-datagrid-扩充-支持单元格编辑}
- easyui-datagrid行编辑每增加一行，某列的单元格自动填充指定内容
- EasyUI DataGrid 编辑单元格
- easyui-datagrid 编辑单元格
- EasyUI DataGrid 双击编辑单元格，保存并且后台数据改变
- easyui datagrid 在不关闭行编辑情况下，更新行，更新单元格。
- EasyUI Datagrid 单元格编辑
- EasyUI DataGrid编辑单元格时使用combogrid
- EasyUI Datagrid 自定义列、Foolter及单元格编辑
- EasyUI - datagrid中单元格里编辑控件的单击事件如何获取当前行的index
- easyui datagrid 单元格编辑 自动聚焦 、全选
- easyui datagrid 单元格编辑（cell editing）
- EasyUI_Datagrid上下键编辑行，锁定编辑单元格所在的列(二)
- EasyUI DataGrid可编辑单元格
- easyui datagrid 单元格编辑保存
- EasyUI DataGrid 编辑单元格
- EasyUI DataGrid可编辑单元格
- easyui datagrid 可编辑类型单元格-适当调整高度
- Easyui---datagrid编辑单元格及获取编辑前后数据