Listview(列表视图)

一个ListView被编码为一个简单的无序列表(ul)或有序列表(ol)与数据的作用=“列表视图”属性,具有范围广等特点。

Read-only(只读), unordered(无序)

一个ListView是包含有数据的作用=“列表视图”属性链表的项目一个简单的无序列表。

  • Acura
  • Audi
  • BMW
  • Cadillac
  • Ferrari

Read-only(只读), ordered(有序)

列表也可以从有序列表(OL)提出了在一个序列的项目,如搜索结果或一部电影的队列时,这是有用的创建。

  1. Acura
  2. Audi
  3. BMW
  4. Cadillac
  5. Ferrari

Linked(链接)

与链接列表项样式为按钮。

Inset(插页)

添加数据插入=“true”属性的列表(UL或OL),适用插图的外观,这是混合的ListView与页面上的其他内容是有用的。

Filter(过滤)

做一个列表过滤的,只需将数据过滤器=“true”属性的列表。那么该框架将追加列表上方的搜索框,并添加行为来过滤掉不包含当前的搜索字符串作为用户类型列表项。输入的占位符文本默认为“过滤项...”。要配置在搜索中输入占位符文本,使用数据过滤器占位符属性。默认情况下,搜索框将继承其父主题。搜索框主题可以使用数据属性数据过滤主题您的列表视图进行配置。

Filter reveal(过滤显示)

过滤显示功能,可以轻松地构建一个简单的自动完成与本地数据。当一个筛选列表中有数据过滤揭示=“true”属性,它会自动隐藏所有的列表项时,在搜寻栏位为空白。该数据过滤器的占位符的属性可以被添加到指定的占位符文本过滤器。如果你需要搜索的值对一个长长的清单,我们提供了一种方法来创建一个过滤器与 远程数据源

List dividers(列表分隔)

列表项可以变成分隔组织和组列表中的项目。这是通过将数据角色=“列表分压器”到任何列表项进行。这些项目在默认情况下(蓝色默认主题)风格的酒吧色板“B”,但你可以通过添加数据分压器-theme属性的列表元素(UL或OL),并指定一个主题指定主题的分隔样书。您可以通过添加数据theme属性的列表项覆盖分频器为主题的特定分频器。

Autodividers(自动分配)

一个ListView可以被配置为通过将一个数据autodividers=“true”属性到任何列表视图自动生成分频器,它的项目。默认情况下,用于创建分隔的文本是该项目的文本的大写的第一个字母。另外,您可以通过编程方式设置在ListView中autodividersSelector选项指定分隔的文本。此功能被设计成与过滤器无缝地工作。

Count bubbles(气泡计数)

以计数的指标添加到列表项的右边,用包一类的UI丽计数的元素的数量。该主题数气泡可以通过添加数据计数为主题的列表,并指定一个样本信件进行设置。

Icons: Standard(标准)

包含链接的每个列表项的默认图标是克拉-R。要覆盖此,设置所需的列表项,以 一个标准的图标名称 的数据图标的属性。为了防止图标出现完全,设置data-icon属性为“false”。带着几分自定义样式的它也可以使用第三方图标。

Icons: 16x16

要在列表中的项目使用标准的16×16像素的图标,类UI丽图标添加到图像元素并插入16x16图标为IMG标签列表项内。

Thumbnails(缩略图)

以缩略图添加到列表项的左边,一个简单的列表项里添加一个图像作为第一个子元素。该框架将缩放图像以80像素的正方形。

Split buttons(分割按钮)

为了使分裂列表项,只需将里内的第二个链接。要调整分割按钮图标,将数据分割图标属性添加到列表视图。数据图标属性添加到进行更多的控制单个列表项。的拆分按钮默认主题色板颜色为“B”(蓝色默认主题),但可以通过指定的样本信与在列表视图级别的数据分割为主题的属性或用于与数据主题拆分个人设置属性在链路层。

购买专辑?

您的下载将立即开始您的移动设备上,当您购买。

买: $10.99 取消

Formatted content(格式化的内容)

要添加文本的层次结构,用标题来提高字体的重点和使用段来减少重点。补充信息可以通过包装中的元素含量与类的UI丽一边被添加到每个列表项的权利。

Theme(主题)

列表项的配色方案可以通过添加数据theme属性的列表视图或单个列表项目更改为任意按钮色彩主题样。的主题列表分频器可以通过添加所述数据除法器 - 主题列表进行设置。主题为计数的气泡可以通过添加数据计数主题列表进行设置。

要指定样本的分割按钮,添加数据分割为主题的列表,并指定一个样本信件。这个属性也可以通过添加一个数据theme属性来指定特定的链接(见第二个列表项)添加到列表里面各个项目拆分。用于拆分按钮的图标可以通过将数据分割图标被设置在列表级别。

白色精灵图标默认情况下使用的主题。添加UI-ALT-图标类列表中切换到黑色的精灵,并摆脱了黑暗的光盘。

Forms(表格)

任何形式的元素可以放置一个ListView里面的分组内容。

  •    

Collapsible listview(可折叠列表视图)

这是包含在具有数据角色=“可折叠的”容器中的列表视图的一个例子。

Choose a car model...

Grouped collapsible with listviews(分组可折叠带listviews)

您还可以使用listviews可折叠组内直观地组列表,并确保只有一个项目可以一次打开。

Filtered list

Formatted text

Thumbnails and split button

Full width collapsible listview(全宽可折叠列表视图)

设置数据插入=“假”在一个可折叠的或可折叠的集合使得可折叠全宽(非小图),就像一个全宽的ListView。

Mailbox

Calendar

Contacts