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

发布时间：2020/11/24 浏览量：1927

Kendo UI for jQuery是创建现代Web应用程序的完整UI库

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

Visible

Information

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

下一篇：Wolfram创新奖2019（四）

上一篇：Wowza技术：Transcoder在原始输入流中没有监测到帧率信息时如何处理?