jQuery Mobile - 可过滤的小部件
描述
通过使用 data-filter = "true" 属性，您可以过滤任何元素的子元素。 孩子将包含文本，默认情况下将用于过滤。
但是，您有一个替代选项，可以将 data-filtertext 属性设置为任何子项上的字符串，这将被考虑进行过滤。
下表列出了 jQuery Mobile 中使用的可过滤类型 −
| 序号 | 可过滤类型 & 说明 |
|---|---|
| 1 | Basic filter
您可以在列表视图上将 data-filter 属性设置为 true 以为其列表项创建过滤器。 |
| 2 | Table filter
要生成表格过滤器，请将表格元素的 data-filter 属性设置为 true 以生成行过滤器。 |
| 3 | Controlgroup Filter
控件组按钮也可以使用元素上的 data-filter 属性进行过滤，这会创建控件组。 |
| 4 | Filter Collapsible Set
过滤器小部件也可以用于 collapsible set。 您必须在创建可折叠集的元素上使用 data-filter 属性并将其设置为 true。 |
| 5 | Filter Collapsible Set and collapsible children
过滤器小部件也可用于可折叠集和可折叠子项。 |
| 6 | Filter Anything
过滤器小部件也可用于过滤包含另一个元素的任何元素。 |
| 7 | Filter Styling
您可以为文本字段设置特定主题并为其提供占位符。 |
| 8 | Filter Reveal
此功能将允许您使用本地数据轻松构建简单的自动完成功能。 |
| 9 | Filter Custom Callback
与列表视图的扩展一样，可以向过滤器提供回调函数，甚至可以在 filterablebeforefilter 事件上完全覆盖过滤器。 |
| 10 | Pre-rendering
通过指定 data-enhanced = "true" 属性，您可以防止可过滤小部件在启动期间执行一次过滤器。 |
