jQuery Mobile - 可筛选小部件

描述

通过使用data-filter = "true" 属性，您可以筛选任何元素的子元素。子元素将包含文本，默认情况下将使用该文本进行筛选。

但是，您可以选择在任何子元素上将 data-filtertext 属性设置为字符串，该字符串将被视为筛选条件。

下表列出了 jQuery Mobile 中使用的可筛选类型 -

序号	可筛选类型和描述
1	基本筛选您可以将data-filter 属性设置为列表视图上的true 以创建其列表项的筛选器。
2	表格筛选要生成表格筛选器，请将data-filter 属性设置为表格元素上的true 以生成行的筛选器。
3	Controlgroup 筛选 Controlgroup 按钮也可以使用元素上的data-filter 属性进行筛选，该元素创建了 Controlgroup。
4	筛选可折叠集筛选小部件也可用于可折叠集。您必须使用data-filter 属性并将其设置为创建可折叠集的元素上的true。
5	筛选可折叠集和可折叠子元素筛选小部件也可用于可折叠集和可折叠子元素。
6	筛选任何内容筛选小部件也可用于筛选包含其他元素的任何元素。
7	筛选样式您可以为文本字段设置特定的主题，并为其提供占位符。
8	筛选显示此功能允许您使用本地数据轻松构建简单的自动完成功能。
9	筛选自定义回调与列表视图的扩展一样，可以向筛选器提供回调函数，甚至可以在filterablebeforefilter 事件上完全覆盖筛选器。
10	预渲染通过指定data-enhanced = "true" 属性，您可以防止可筛选小部件在启动时执行一次筛选。

jquery_mobile_widgets.htm

打印页面

广告