- jQuery Mobile 教程
- jQuery Mobile - 首頁
- jQuery Mobile - 概述
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡
- jQuery Mobile - 佈局
- jQuery Mobile - 小部件
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 有用資源
- jQuery Mobile - 面試問題
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用資源
- jQuery Mobile - 討論
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
廣告