加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

jQueryUI组件库KendoUIforjQuery数据管理使用教程:ListViewSelection

(2022-04-30 11:15:05)
标签:

哲想

软件

办公

解决方案

分类: 软件

KendoUI目前最新提供KendoUI for jQueryKendoUI for AngularKendoUI Support for ReactKendoUI 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     QQ:368531638

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有