datagrid 最后一行后新增一行

您可以使用以下代码在DataGrid的最后一行后新增一行数据：

// 获取DataGrid对象
var dg = $('#datagridId');
// 获取DataGrid的数据对象
var data = dg.datagrid('getData');
// 获取最后一行数据的索引
var lastIndex = data.rows.length - 1;
// 在最后一行后新增一行数据
dg.datagrid('appendRow', {});
// 将新增行移动至最后一行
dg.datagrid('moveRow', {index: lastIndex + 1, oldIndex: lastIndex});

其中，`datagridId`为您DataGrid组件的id，`{}`为您新增行的数据。此代码将会在原DataGrid数据的最后一行后新增一行数据，并将新增行移动至DataGrid的最后一行。

需要注意的是，如果您的DataGrid组件设置了分页，新增的数据可能无法直接显示在当前页面，需切换至最后一页才能看到。

相关问题

datagrid 编辑，最后一行为新增

如果您需要在DataGrid中编辑最后一行时，自动新增一行来记录新的数据，您可以使用以下代码：

// 获取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组件设置了分页，新增的数据可能无法直接显示在当前页面，需切换至最后一页才能看到。

datagrid 新增一行

若您使用的是EasyUI的DataGrid组件，可以使用如下的代码新增一行数据：

// 获取DataGrid对象
var dg = $('#datagridId');
// 获取DataGrid的数据对象
var data = dg.datagrid('getData');
// 向数据对象中新增一行数据
data.rows.push({field1: 'value1', field2: 'value2', ...});
// 刷新DataGrid数据
dg.datagrid('loadData', data);

其中，`datagridId`为您DataGrid组件的id，`field1`、`field2`等为您的数据列名，`value1`、`value2`等为您新增行的数据值。

需要注意的是，如果您的DataGrid组件设置了分页，新增的数据可能无法直接显示在当前页面，需切换至最后一页才能看到。