剑道移动列表查看模板并打开新屏幕

Kendo mobile list view template and open new screen

本文关键字：新屏幕 屏幕 移动 列表      更新时间：2023-09-26

我有剑道移动列表视图，当列表项被点击时，我想打开一个新窗口。我如何得到div与触摸处理程序打开新窗口

view.html 

       <script type="text/x-kendo-template" id="app-item-template">
            <div  data-role="touch" data-enable-swipe="1" data-bind="events : {swipe: swipeHandler, tap: tapHandler}">                                     
                    <div>
                        <span data-bind="text: name"></span>
                        <span class="km-icon"></span>
                    </div>
            </div>
        </script>
        <div data-role="scroller">
          <div id="app-listview"
                 data-role="listview"
                 data-bind="source: dataSource"
                 data-template="app-item-template">            
          </div>
        </div>
      </div>
<div id="newWindow" data-role="view"></div>

in view-model.js

$('#newWindow').open(); //does not work

最好的方法是什么?

在Kendo UI Mobile -如果你必须去任何屏幕，你将需要使用Kendo . Mobile . application对象上的navigate()方法。

请看下面的演示:http://demos.telerik.com/kendo-ui/m/index#mobile-listview/editing

第一个视图显示产品列表。点击列表中的任何一项，我们将导航到编辑界面。

在javascript中注意导航()方法

相关文章：