Kendo UI Mobile - 如何在视图上显示2列表视图？

Question

我想用2个列表视图显示一个视图：

但是当我使用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>

但它显示如下，它缺少第二个列表视图（上一个列表视图）：

如果我做错了或者它是Kendo UI Mobile的错误，请告诉我。 感谢

Answer 1

您可以使用

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

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

see the documentation for better details

Answer 2

试试此代码

<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>

对于实时演示，请点击Here