Jquery-mobile-filterable-widget

提供:Dev Guides
移動先:案内検索

jQuery Mobile-Fliterableウィジェット

説明

*_data-filter = "true" _* 属性を使用すると、任意の要素の子をフィルタリングできます。 子にはテキストが含まれ、デフォルトでフィルタリングに使用されます。

ただし、data-filtertext属性を任意の子の文字列に設定する代替オプションがあり、これはフィルタリングの対象と見なされます。

次の表は、jQuery mobileで使用されるフィルター可能なタイプのリストです-

Sr.No. Filterable type & Description
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" _属性を指定することにより、フィルター可能なウィジェットが起動時にフィルターを1回実行するのを防ぐことができます。