Kendo ui 如何获得主干路由器&x2B；剑道UI手机（tabstrip）要一起工作吗？_Kendo Ui

Kendo ui 如何获得主干路由器&x2B；剑道UI手机（tabstrip）要一起工作吗？

kendo-ui

Kendo ui 如何获得主干路由器&x2B；剑道UI手机（tabstrip）要一起工作吗？,kendo-ui,Kendo Ui,如何让主干路由器+剑道UI Mobile（tabstrip）协同工作我刚刚开始使用主干网，并一直在考虑将其与UI一起使用。通过禁用JQM的路由，我可以使用主干网和jQuery Mobile（JQM）实现这一点，如本文所述：通过剑道UI移动文档，我有以下工作页面： <!DOCTYPE html> <html> <head> <title>My App</title> <link href="http://cdn.

如何让主干路由器+剑道UI Mobile（tabstrip）协同工作

我刚刚开始使用主干网，并一直在考虑将其与UI一起使用。通过禁用JQM的路由，我可以使用主干网和jQuery Mobile（JQM）实现这一点，如本文所述：

通过剑道UI移动文档，我有以下工作页面：

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
    <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>

    <section data-role="layout" data-id="default">
        <header data-role="header">
            <div data-role="navbar">My App</div>
        </header>

        <!--View content will render here-->

        <footer data-role="footer">
            <div data-role="tabstrip">
                <a class="tab-a" data-icon="home" href="#home">Home</a>
                <a class="tab-a" data-icon="bookmarks" href="#about">About</a>
            </div>
        </footer>
    </section>

    <div data-role="view" data-layout="default" id="home">Home Page</div>
    <div data-role="view" data-layout="default" id="about">About Page</div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>

    <script>
        var app = new kendo.mobile.Application();
    </script>

</body>
</html>


我的应用程序
我的应用程序
主页
关于页面
var app=new kendo.mobile.Application（）；

它有一个带有两个按钮的选项卡条，可用于在两个视图之间切换

我可以让它与主干路由器一起工作——在点击tabstrip按钮时调用路由“home”和“about”，但无法确定如何拦截点击事件，使我能够生成一个视图，将其附加到DOM，然后确保相关的tabstrip按钮类被更改以表示所选状态

我尝试将一个类添加到tabstrip链接-$（'.tabstrip link'）。单击（函数（）{alert（'Clicked'）；}）-但没有效果（偶尔触发）。如何从主体标记之间删除视图，并通过主干路由生成这些视图，将它们附加到页眉和页脚部分之间的布局中，然后让tabstrip更改开始它的工作？

如果您希望使用主干路由器，您可能需要禁用剑道路由器。移动设备中的剑道路由器不是为禁用而设计的。但是，乍一看，如果在创建应用程序之前放置了以下内容，那么以下内容对我来说是有效的

kendo.mobile.Application.prototype._startHistory = function() {};
kendo.mobile.Application.prototype.router = {destroy: function() {}};

它之所以能工作，是因为如果没有创建路由器，窗格有自己的历史记录管理

kendo.mobile.Application.prototype._startHistory = function() {};
kendo.mobile.Application.prototype.router = {destroy: function() {}};