datagrid 对当前行进行修改和保存

最新推荐文章于 2024-09-14 15:54:01 发布

jingnengzhiyuan

最新推荐文章于 2024-09-14 15:54:01 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jingnengzhiyuan/article/details/77945007

本文介绍如何在Datagrid中实现对当前行数据的编辑功能，包括开始编辑和保存更改的操作方法。通过`datagrid("beginEdit")`启动编辑模式，以及`datagrid("endEdit")`来结束编辑并保存数据。

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

columns:[[
{field:'id',title:'id',width:40,align:'center',hidden:true},
{field:'name',title:'名称',width:40,align:'center',sortable: true,
editor: { type: 'validatebox', options: { required: true} }
},
{field:'person',title:'使用者',width:40,align:'center',sortable: true,
editor: { type: 'validatebox', options: { required: true} }
},
{field:'count',title:'数量',width:40,align:'center'},
{field:'dept_name',title:'部门',width:40,align:'center',sortable: true,
editor: { type: 'validatebox', options: { required: true} }
},
{field:'uniques',title:'唯一标示',width:40,align:'center'},

{field:'operation',title:'操作',width:70,align:'center',

//===============================点击修改时
function updateEvent(id,index){

$("#companyTable").datagrid("beginEdit", index);

}

//=========进行保
function saveEnent(id,index){

$("#companyTable").datagrid("endEdit", index);