当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

jQuery UI组件库Kendo UI for jQuery数据管理使用教程:ListView技巧

发布时间:2020/11/24 浏览量:1914

Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。

 

 

添加自定义删除确认对话框

下面的示例演示如何向ListView小部件添加自定义Delete确认对话框。

 

 

 

 
 

Add new record
 
 
 

 


 

 

使用滑块选择进行过滤

您的项目可能需要您根据Slider选择来过滤ListView数据源,下面的示例演示如何实现此操作并显示包含或排除的过滤功能。

 




   

 



 

 

 

 

 

 

 

 


 

 

在数据操作过程中保持行选择

下面的示例演示如何在ListView中的数据操作过程中保留行选择。

 

 

 

 

 

 

 

在DataSource Item Update上更新ListView

ListView不会在模型字段更新时动态更新内容,要重新渲染窗口小部件,请在模型更新后手动触发dataSource的change事件,下面的示例演示如何实现此操作。

 

 

 

 

 

 




 

 
 
 

ProductName (first data item):



 
 

Update a record

 
data-edit-template=”edit-template”
data-template=”template”
data-bind=”source: products,
visible: isVisible,
events: {
save: onSave
}”
style=”height: 300px; overflow: auto”>
 
 

Console

 
 

 

 
 

Configuration

 

 
 

Information


Kendo UI ListView supports the
events,
source and
visible bindings.


 

北京哲想软件有限公司