我正在尝试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");
}
答案 0 :(得分:0)
所以......这很尴尬。
现在,当我使用它时:
if ( ! loggedIn ) {
app.navigate( “login.html的”); }
一切正常。我什么都没做。我刚刚再次尝试,并在GUI布局中正确加载了登录页面。所以,我想我们可以认为这已经解决了。