1

我有使用实现表视图JQuery Mobile+Phone Gap

<ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>

 </ul>

它只显示一个部分的表格视图

我需要实施一个(table) list view with multiple sections

并设置the headers for the table view部分

怎么可能

4

3 回答 3

3

您需要使用List-Divider元素：http: //jquerymobile.com/demos/1.1.0/docs/lists/lists-divider.html。

像这儿 ：

<ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>
<u1>
于 2012-05-29T09:33:21.430 回答
2

http://jsfiddle.net/eFEjL/

<ul data-role="listview">
                <ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>
<u1>
 </ul>
于 2012-05-29T09:34:25.120 回答
1

试试这个

<ul data-role="listview">
  <li data-role="list-divider">A</li>
  <li><a href="index.html">Adam Kinkaid</a></li>
  <li><a href="index.html">Alex Wickerham</a></li>
  <li><a href="index.html">Avery Johnson</a></li>
  <li data-role="list-divider">B</li>
  <li><a href="index.html">Bob Cabot</a></li>
<u1>

检查此链接， http://jquerymobile.com/demos/1.1.0/index.html#/demos/1.1.0/docs/lists/index.html

于 2012-05-29T10:30:22.743 回答