Kendo 移动列表视图模板并打开新屏幕

Question

我有 kendo 移动列表视图，点击列表项时我想打开一个新的 window。如何使用触摸处理程序获得 div 以打开新的 window

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>

在view-model.js

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

最好的方法是什么？

Answer 1

在 Kendo UI 移动设备中 - 如果您必须转到任何屏幕，您需要在 kendo.mobile.Application 对象上使用 navigate() 方法。

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

第一个视图显示产品列表。单击列表中的任何项目后，我们将导航到编辑屏幕。

在javascript注意navigate()方法

希望这对您有所帮助。