jQuery Mobile - 列表檢視



列表檢視用於顯示專案列表。容器中包含data-role = "listview"屬性,以垂直可滾動列表的形式顯示列表。

下表詳細演示了列表檢視的型別。

序號 型別和描述
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"屬性,將其分成幾組列表項。

8 自動分隔符

包含data-autodividers =" true"屬性會自動為任何列表檢視生成分隔符。

9 計數氣泡

在元素中定義ui-li-count類將有助於在列表項的右側包含計數指示器。

10 圖示:標準

新增屬性data-icon為特定列表項設定圖示。

11 圖示:16x16

在影像元素中包含ui-li-icon類,以便在列表項中新增 16 x 16 畫素的影像。

12 縮圖

在列表項中,縮圖位於左側。

13 分割按鈕

li內包含第二個連結以建立分割列表項。

14 格式化內容

使用標題和段落標籤以正確的層次結構格式新增內容。

15 主題

新增data-theme屬性為列表檢視或特定列表項包含主題。

16 表單

在列表檢視中,可以插入表單元素以進行分組顯示。

17 可摺疊列表檢視

在容器中包含data-role = "collapsible"屬性,可以使列表檢視可摺疊。

18 帶有列表檢視的分組可摺疊項

可以使用屬性data-role = "collapsibleset"在可摺疊集中建立分組列表檢視。

19 全寬可摺疊列表檢視

新增data-inset = "false"屬性可以建立全寬可摺疊集。

jquery_mobile_widgets.htm
廣告
© . All rights reserved.