剑道移动列表视图模板和打开新的屏幕

时间:2015-09-09 09:01:30

标签: javascript jquery kendo-ui kendo-mobile

我有kendo移动列表视图,当点击列表项时,我想打开一个新窗口。如何使用触摸处理程序获取div以打开新窗口

view.html

try
            {
                this.MaximizeBox = false;
                this.MinimizeBox = false;
                this.BackColor = Color.White;
                this.ForeColor = Color.Black;
                this.Size = new System.Drawing.Size(550, 550);
                this.Text = "Test Create form in run time ";
               if (ControlText == "button")
                  {
                    this.btnAdd.BackColor = Color.Gray;
                    this.btnAdd.Text = "Add";
                    this.btnAdd.Location = new System.Drawing.Point(90, 25);
                    this.btnAdd.Size = new System.Drawing.Size(50, 25);
                    this.Controls.Add(btn);
                }
}
<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

这样做的最佳方式是什么?

1 个答案:

答案 0 :(得分:0)

在Kendo UI Mobile中 - 如果你必须转到任何屏幕,你需要在kendo.mobile.Application对象上使用navigate()方法。

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

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

在javascript中注意navigate()方法

希望这会有所帮助。