Jquery 如何将新行插入剑道网格的底部

我知道这个问题已经被问了很多次，我已经看到了解决方案，这些解决方案并不适合我的做法，如果我的做法有正确的解决方案，那么我一定错过了

下面是我如何添加新行的

$(document).on('click', '.btnAddNewRoom', function (e) {
    let roomGrid = $('#TabEditor').data("kendoGrid");

    roomGrid.dataSource.insert({ "RoomID": -1, "RoomName": "" + $('#txtNewRoom').val() + "", "Areas": [{ "AreaID": -1, "AreaName": "New Area" }] });
    roomGrid.refresh();
});

我知道我可以把它放在我想要的地方，像这样

$(document).on('click', '.btnAddNewRoom', function (e) {
    let roomGrid = $('#TabEditor').data("kendoGrid");

    roomGrid.dataSource.insert(0, { "RoomID": -1, "RoomName": "" + $('#txtNewRoom').val() + "", "Areas": [{ "AreaID": -1, "AreaName": "New Area" }] });
    roomGrid.refresh();
});

---

我想到了一种方法，那就是数一数有多少行，然后用这个数字放在底部，但是没有更简单的方法吗？

试着用

添加

而不是

插入

，似乎可以做到这一点：

剑道UI片段
试验
设a=1；
$（“#网格”）.kendoGrid({
栏目：[
{字段：“名称”}，
{字段：“年龄”}
],
数据源：{
数据：[
{id:1，姓名：“Jane Doe”，年龄：30}，
{id:2，姓名：“John Doe”，年龄：33}
],
模式：{
型号：{
id:“id”，
字段：{
年龄：{type:“number”}
}
}
}
}
});
函数addRow（）{
让网格=$（“#网格”）.data（“kendoGrid”）；
add（{id:0，名称：“Test”+a++，年龄：10}）；
}

试着用

添加

代替

插入

，似乎可以达到以下目的：

剑道UI片段
试验
设a=1；
$（“#网格”）.kendoGrid({
栏目：[
{字段：“名称”}，
{字段：“年龄”}
],
数据源：{
数据：[
{id:1，姓名：“Jane Doe”，年龄：30}，
{id:2，姓名：“John Doe”，年龄：33}
],
模式：{
型号：{
id:“id”，
字段：{
年龄：{type:“number”}
}
}
}
}
});
函数addRow（）{
让网格=$（“#网格”）.data（“kendoGrid”）；
add（{id:0，名称：“Test”+a++，年龄：10}）；
}

这可以通过剑道UI网格配置完成

“可编辑”：{ “模式”：“内联”， “createAt”：“底部”

---

}，

这可以通过剑道UI网格配置完成

“可编辑”：{ “模式”：“内联”， “createAt”：“底部”

---

}，

让rowCount=roomGrid.dataSource.data（）.length。。然后，
insert（（rowCount-1），…
。我想这很容易。@DontVoteMeDown，这就是我最后做的事情
let rowCount=roomGrid.dataSource.data（）.length；
。然后，
insert（（rowCount-1），…
。我想这很容易。@DontVoteMeDown，这就是我最后做的事情