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

打印页面

广告