Jquery mobile Kendo UI Mobile-如何在视图上显示2个listview？

我想显示一个具有2个listview的视图，如下所示：

但当我通过Kendo UI Mobile实现时：

 <div id="cptTab" data-role="view" data-title="Billing" data-layout="billing-layout">
        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title">CPT</span>
                <a data-align="left" data-role="button" href="#censusmainTab">Census</a>
                <a data-align="right" data-role="button" data-click="onNavigateToAddCpt">+</a>
            </div>
        </header>

        <div>
            Patient:
            <label>
                <input readonly="true" class="PatientNameLabel" />
            </label>
        </div>
        <div>NEW CPT's</div>
        <ul data-role="listview" id="cptsListView" data-click="onCPTItemClicked" />
        <div>PREVIOUS CPT's</div>
        <ul data-role="listview" id="cptsPreviousListView" data-click="onPreviousCPTItemClicked" />
    </div>

运费付至指定目的地
+
病人：
新CPT

但它显示如下，缺少第二个listview（前一个listview）：

如果我做错了什么，或者是剑道UI手机的bug，请告诉我。 谢谢

您可以使用

<ul data-role="listview" data-type="group" id="ListView" data-click="onItemClicked"/>

创建两个组，第一个用于新的CPT，第二个用于以前的CPT。 onItemClicked函数应根据单击的组更改其行为

试试这段代码

<ul data-role="listview" data-style="inset" data-type="group">
        <li>NEW CPT's
            <ul>
                <li>
                    <a> 1 st item in 1st list view </a>
                </li>
            </ul>
        </li>
        <li>PREVIOUS CPT's
            <ul>
               <li>
                    <a >1 st item in 2nd list view </a>
                </li>
                <li>
                    <a >2nd item in 2nd list view </a>
                </li>
            </ul>
        </li>        
    </ul>

新CPT


嗨，莫里斯，我试着这么做：
新CPT的
以前的CPT的
，但没有运气：
新CPT的
以前的CPT的