0

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

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

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

4

1 回答 1

4

给定一个ListView定义为：

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

以及以下 HTML：添加新记录

定义一个button添加为：

$(".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 DataSourceusing中的元素数量data().length。
  2. 然后insert是那个位置的一个元素（因为这是基数 0，我不需要加 1）。
  3. 转到DataSourceusing的最后一页dataSource.page(dataSource.totalPages())。
  4. 最后是当前页面的edit元素。lastListView
于 2012-12-26T19:40:51.827 回答