Jquery-mobile-listview

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

jQuery Mobile-リストビュー

リストビューは、アイテムのリストを表示するために使用されます。 _data-role = "listview" _ 属性は、垂直スクロール可能なリストにリストを表示するためにコンテナに含まれています。

次の表は、リストビューのタイプを詳細に示しています。

Sr.No. Type & Description
1

Read-only, unordered

_data-role = "listview" _属性を含めて、単純な順序なしリストを作成します。

2

Read-only, ordered

_data-role = "listview" _属性を含めることにより、順序付きリスト(ol)を作成します。

3

Linked

リストでハイパーリンクが定義されると、ボタンとしてスタイルが設定されます。

4

Inset

属性_data-inset = "true" _を含めることにより、インセットの外観を適用します。

5

Filter

リストは、_data-filter = "true" _属性を追加することでフィルタリングできます。

6

Filter reveal

_data-filter-reveal = "true" _属性を追加して、リストアイテムを非表示にします。

7

List dividers

リストアイテムに_data-role = "list-divider" _ atrributeを追加して、リストアイテムのグループに分割します。

8

Autodividers

_data-autodividers = "true" _属性は、リストビューに仕切りを自動的に生成するために含まれています。

9

Count bubbles

ui-li-count class define in要素は、右側のリストアイテムにカウントインジケーターを含めるのに役立ちます。

10

Icons: Standard

属性_data-icon_を追加して、特定のリストアイテムのアイコンを設定します。

11

Icons: 16x16

リストアイテムに16 X 16ピクセルの画像を追加するには、image要素に_ui-li-icon_のクラスを含めます。

12

Thumbnails

リスト項目では、サムネイルが左側に含まれています。

13

Split buttons

_li_内に2番目のリンクを含めて、分割リストアイテムを作成します。

14

Formatted content

見出しと段落タグを使用して、適切な階層形式でコンテンツを追加します。

15

Theme

_data-theme_属性は、リストビューまたは特定のリストアイテムのテーマを含めるために追加されます。

16

Forms

リストビューでは、グループプレゼンテーションにフォーム要素を挿入できます。

17

Collapsible listview

_data-role = "collapsible" _属性は、リストビューを折りたたみ可能にするためにコンテナーにラップされます。

18

Grouped collapsible with listviews

グループ化されたリストビューは、属性_data-role = "collapsibleset" _を使用して、折りたたみセット内に作成できます。

19

Full width collapsible listview

_data-inset = "false" _属性が追加され、全幅の折りたたみ可能なセットが作成されます。