datagrid 编辑,最后一行为新增
时间: 2023-07-07 07:16:44 浏览: 141
如果您需要在DataGrid中编辑最后一行时,自动新增一行来记录新的数据,您可以使用以下代码:
```javascript
// 获取DataGrid对象
var dg = $('#datagridId');
// 获取DataGrid的数据对象
var data = dg.datagrid('getData');
// 获取最后一行数据的索引
var lastIndex = data.rows.length - 1;
// 判断最后一行数据是否为空行
if (dg.datagrid('getEditor', {index: lastIndex, field: 'field1'}) == null) {
// 新增一行空数据
dg.datagrid('appendRow', {});
// 将新增行移动至最后一行
dg.datagrid('moveRow', {index: lastIndex + 1, oldIndex: lastIndex});
// 更新最后一行数据的索引
lastIndex++;
}
// 开始编辑最后一行数据
dg.datagrid('beginEdit', lastIndex);
```
其中,`datagridId`为您DataGrid组件的id,`field1`为您的数据列名。此代码将会在原DataGrid数据的最后一行后新增一行空数据,并在编辑最后一行数据时,自动新增一行来记录新的数据。
需要注意的是,如果您的DataGrid组件设置了分页,新增的数据可能无法直接显示在当前页面,需切换至最后一页才能看到。
阅读全文