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
廣告

© . All rights reserved.