Jquery-mobile-listview
jQuery Mobile-リストビュー
リストビューは、アイテムのリストを表示するために使用されます。 _data-role = "listview" _ 属性は、垂直スクロール可能なリストにリストを表示するためにコンテナに含まれています。
次の表は、リストビューのタイプを詳細に示しています。
| Sr.No. | Type & Description |
|---|---|
| 1 |
_data-role = "listview" _属性を含めて、単純な順序なしリストを作成します。 |
| 2 |
_data-role = "listview" _属性を含めることにより、順序付きリスト(ol)を作成します。 |
| 3 |
リストでハイパーリンクが定義されると、ボタンとしてスタイルが設定されます。 |
| 4 |
属性_data-inset = "true" _を含めることにより、インセットの外観を適用します。 |
| 5 |
リストは、_data-filter = "true" _属性を追加することでフィルタリングできます。 |
| 6 |
_data-filter-reveal = "true" _属性を追加して、リストアイテムを非表示にします。 |
| 7 |
リストアイテムに_data-role = "list-divider" _ atrributeを追加して、リストアイテムのグループに分割します。 |
| 8 |
_data-autodividers = "true" _属性は、リストビューに仕切りを自動的に生成するために含まれています。 |
| 9 |
ui-li-count class define in要素は、右側のリストアイテムにカウントインジケーターを含めるのに役立ちます。 |
| 10 |
属性_data-icon_を追加して、特定のリストアイテムのアイコンを設定します。 |
| 11 |
リストアイテムに16 X 16ピクセルの画像を追加するには、image要素に_ui-li-icon_のクラスを含めます。 |
| 12 |
リスト項目では、サムネイルが左側に含まれています。 |
| 13 |
_li_内に2番目のリンクを含めて、分割リストアイテムを作成します。 |
| 14 |
見出しと段落タグを使用して、適切な階層形式でコンテンツを追加します。 |
| 15 |
_data-theme_属性は、リストビューまたは特定のリストアイテムのテーマを含めるために追加されます。 |
| 16 |
リストビューでは、グループプレゼンテーションにフォーム要素を挿入できます。 |
| 17 |
_data-role = "collapsible" _属性は、リストビューを折りたたみ可能にするためにコンテナーにラップされます。 |
| 18 |
Grouped collapsible with listviews グループ化されたリストビューは、属性_data-role = "collapsibleset" _を使用して、折りたたみセット内に作成できます。 |
| 19 |
Full width collapsible listview _data-inset = "false" _属性が追加され、全幅の折りたたみ可能なセットが作成されます。 |