剣道UIのようにjqueryで新規登録ボタンのあるリストビューを作りたい
http://demos.kendoui.com/web/listview/editing.html
新しいレコードの追加ボタンをクリックするとわかるように、新しいリストが作成され、最初のリストとして設定されます。私がやりたいことは、それをリストの一番下に置くことです(最後になるように)。どうやってやるの?
剣道UIのようにjqueryで新規登録ボタンのあるリストビューを作りたい
http://demos.kendoui.com/web/listview/editing.html
新しいレコードの追加ボタンをクリックするとわかるように、新しいリストが作成され、最初のリストとして設定されます。私がやりたいことは、それをリストの一番下に置くことです(最後になるように)。どうやってやるの?
次のようにListView
定義されているとします。
var listView = $("#listView").kendoListView({
dataSource : dataSource,
template : kendo.template($("#template").html()),
editTemplate: kendo.template($("#editTemplate").html())
}).data("kendoListView");
そして、次の HTML: Add new record
button
追加するための a を次のように定義します。
$(".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();
}
これが行うことは次のとおりです。
ListView
DataSource
usingの要素数を取得しdata().length
ます。insert
、その位置の要素 (これは基数 0 であるため、1 を追加する必要はありません)。DataSource
usingの最後のページに移動しますdataSource.page(dataSource.totalPages())
。edit
です。last
ListView