jQueryUI组件库KendoUIforjQuery数据管理使用教程:ListViewSelection
(2022-04-30 11:15:05)
标签:
哲想软件办公解决方案 |
分类: 软件 |
KendoUI目前最新提供KendoUI
for jQuery、KendoUI for
Angular、KendoUI
Support for React和KendoUI
Support for Vue四个控件。KendoUI for
jQuery是创建现代Web应用程序的最完整UI库。
默认情况下,ListView的选择功能处于禁用状态。
入门指南
ListView通过将selectable属性设置为“single”或“multiple”来支持项目选择功能。
$(“#listView”).kendoListView({
dataSource:dataSource,
selectable: “multiple”,
template:kendo.template($(“#template”).html())
});
高级配置
您还可以检测用户何时通过更改事件获得项目,该事件是通过使用Shift select组合选择一个或多个项目时触发的。
$(“#listView”).kendoListView({
change:function(e) {
var data = dataSource.view();
var selected =$.map(this.select(), function(item) {
returndata[$(item).index()].ProductName;
});
// Index selected
orread item information through data.
}
});
下面的示例演示了建议方法的完整实现。
#:ProductName#
#:kendo.toString(UnitPrice,“c”)#
公司名称:北京哲想软件有限公司
北京哲想软件官方网站:cogitosoft.com
北京哲想软件微信公众平台账号:cogitosoftware
北京哲想软件微博:哲想软件
北京哲想软件邮箱:sales@ cogitosoft.com
销售(俞先生)联系方式: 86(010)68421378
微信:18610247936

加载中…