在 Listview Kendo UI 中添加新列表

Question

我想在 jquery 中创建一个带有添加新记录按钮的列表视图，就像在 kendo ui 中一样

http://demos.kendoui.c​​om/web/listview/editing.html

正如您所看到的，当您单击“添加新记录”按钮时，将创建新列表并将其设置为第一个列表。我想做的就是将其放在列表的底部（最后一个）。我怎样才能做到这一点？

Answer 1

给定ListView定义为：

var listView = $("#listView").kendoListView({
    dataSource  : dataSource,
    template    : kendo.template($("#template").html()),
    editTemplate: kendo.template($("#editTemplate").html())
}).data("kendoListView");

以及以下 HTML：添加新记录

定义 abutton用于添加为：

$(".k-add-button").click(function (e) {
    var total = dataSource.data().length;
    dataSource.insert(total, {});
    dataSource.page(dataSource.totalPages());
    listView.edit(listView.element.children().last());
    e.preventDefault();
}

其作用是：

1. ListView DataSource获取using中的元素数量data().length。
2. 然后insert是该位置的一个元素（因为这是基数 0，所以我不需要加 1）。
3. 转到DataSource使用的最后一页dataSource.page(dataSource.totalPages())。
4. 最后是当前页面的edit元素。lastListView