剑道UI的jQuery过滤器概述

剑道UI过滤器小部件一个统一的控件,用于过滤具有数据源

对于没有内置过滤UI但需要提供过滤选项的数据绑定组件(例如ListView、Chart和Scheduler), Filter的用户界面非常有用。您可以添加或删除用于筛选数据的字段,并选择筛选器的全局逻辑()和每个字段的过滤操作符(例如,包含=)。您可以通过内置按钮或API调用应用过滤。您还可以选择将字段显示给用户的名称本地化过滤器操作符和消息。

剑道UI的jQuery剑道图像

过滤器是的一部分jQuery的剑道UI一个专业级的UI库,包含 110+ 组件,用于构建现代和功能丰富的 应用程序。要想尝试一下,注册一个30天的免费试用。

jQuery过滤器组件概述

初始化过滤器

要使用过滤器,请使用空的div元素,并在初始化脚本中提供其设置。

下面的示例演示了如何:

  • 将筛选器绑定到数据源。
  • 在列表视图中显示过滤后的数据。
  • 为字段使用人类可读的名称。
  • 设置首字母筛选器表达式
  • 可以使用远程数据源而不是本地数据数组。为了简单起见,本例中使用了本地数组。
  • 不需要提供字段,因为Filter可以从数据源中提取字段。如果在过滤器设置中不设置字段,实际字段的名称,并不是人类可读的标签,将显示给用户。如果在筛选器设置中设置字段,则它们必须与数据源的模式匹配。
  • 不需要提供初始筛选器表达式。此功能对以下方面很有用恢复以前的状态

    功能和特性

    事件

    你可以全部订阅过滤事件

    引用现有实例

    要引用现有的Filter实例,请使用jQuery.data ()方法。一旦建立了引用,就使用过滤器API控制它的行为。

    var filter = $("#theFilter").data("kendoFilter");

    另请参阅

    在本文中
    Baidu
    map