EasyUI DataGrid可编辑单元格

最新推荐文章于 2021-07-22 15:41:33 发布

我喜欢她地腰

最新推荐文章于 2021-07-22 15:41:33 发布

阅读量382

点赞数

本文链接：https://blog.youkuaiyun.com/hffygc/article/details/83868453

版权

本文分享了一位老师的通俗易懂的人工智能教程，并详细介绍了如何使用Datagrid进行单元格编辑，包括设置numberbox编辑类型及监听点击事件实现编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

效果如图：

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

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow