Question

我正在使用Kendo移动设备进行项目，我有一个listview，列表中的每个项目链接到另一个视图，在第一次访问listview时一切似乎都很好，但是一旦我点击进入链接页面使用后退按钮返回列表视图我注意到列表视图的宽度已缩小。代码的检查显示“km-listview-wrapper”DIV保持嵌套本身因此产生的收缩...在iOS上也会发生这种情况但是嵌套不会影响演示。

除了这会扭曲UI之外，它还会增加DOM元素，从而不必要地增加内容。以下是示例代码的链接 http://jsbin.com/oXAmaDu/3/edit 上面的代码只是为了介绍初始列表视图以及如何初始化和填充它。

剑道渲染代码如下所示：

<div class="km-listview-wrapper">
    <ul id="currentEvents" data-role="listview" class="km-  widget km-listview km-list">
        <li data-uid="af8abf96-611e-443a-8e6c-8cf1e3dce176">    
           <a class="clear km-listview-link" data-eventid="123" data-role="listview-link" href="views/singleEventView.html?eventId=123">
               <div class="evContainer">
                 <div class="">Purple Rain</div>
                 <div class="">MSG</div>          
               </div>
           </a>    
        </li>
        <li data-uid="0e69a5c8-f494-4fa4-ae58-bcf413defc91">    
           <a class="clear km-listview-link" data-eventid="124" data-role="listview-link" href="views/singleEventView.html?eventId=124">
               <div class="evContainer">
                   <div class="">Blue Man Group</div>
                   <div class="">Vegas</div>          
               </div>
            </a>    
        </li>
        <li data-uid="cbf2df5a-7689-411e-8e4f-a8e27e718530">
            <a class="clear km-listview-link" data-eventid="125" data-role="listview-link" href="views/singleEventView.html?eventId=125">
                <div class="evContainer">
                    <div class="">Red November</div>
                    <div class="">AC</div>          
                </div>
             </a>    
        </li>
    </ul>
</div>

点击列表项并导航然后返回后，渲染代码嵌套如下：

<div class="km-listview-wrapper">
    <div class="km-listview-wrapper">...</div>
</div>

任何帮助将不胜感激

Android上的Kendo移动UI Listview嵌套渲染

0 个答案: