以编程方式选择远程视图

时间:2013-04-13 22:22:11

标签: javascript kendo-ui kendo-mobile

我正在尝试Kendo Mobile。到目前为止,我对它印象非常深刻。我已经阅读了这个tutorial,并根据我的需要对其进行了一些修改。

我在tabstrip中添加了一个额外的元素,以包含“登录”视图。因为我的登录表单很长很复杂,所以我不想要index.html中的实际代码。所以,我把它包含在一个单独的html文件中:login.html。

现在,当用户点击tabstrip上的登录图标时,GUI会自动转换为登录表单。一切都好。

当GUI加载时,我使用JS来检测用户是否已登录。如果没有,我希望GUI自动加载登录页面。我能够使用Kendo的“导航”功能来做到这一点。不幸的是,这会使用户脱离主应用程序页面的布局。反正有没有导航到的外部html页面将包含主应用程序布局?

<footer data-role="footer">
    <div data-role="tabstrip" id="defaultTabStrip">
        <a href="#home" data-icon="home">Home</a>        
        <a href="about.html" data-icon="about">Home</a>  
        <a href="#foo" data-icon="action">Foo</a>
        <a href="login.html" data-icon="settings">Home</a>  
    </div> 
</footer>

这正确加载了login.html页面,但我没有围绕它的GUI。我想导航到这个内容,但在我的主要布局中。:

if ( ! loggedIn ) {
  app.navigate("login.html");
}

1 个答案:

答案 0 :(得分:0)

所以......这很尴尬。

现在,当我使用它时:

if ( ! loggedIn ) {

app.navigate( “login.html的”); }

一切正常。我什么都没做。我刚刚再次尝试,并在GUI布局中正确加载了登录页面。所以,我想我们可以认为这已经解决了。