Question

我制作了一个简单的移动应用程序（使用Worklight Studio）。我为这个应用程序添加了Dojo功能。所以，我有一个TabBar，我想点击标签

MainPage.html（部分内容）

<ul data-dojo-type="dojox.mobile.TabBar">
<li id="accountInfoButton" data-dojo-type="dojox.mobile.TabBarButton" icon="images/AccountInfoIcon.png" data-dojo-props="transition:'slide',dir:'1',url : 'views/account_info.html'">Account Info</li>

account_info.html

<div data-dojo-type="dojox/mobile/RoundRect" shadow="true">
<input id="name" dojoType="dojox.mobile.TextBox" selectOnClick="true" type=text name="name"></input>
</div>
<script src="../js/AccountInfoLoad.js"></script>

AccountInfoLoad.js

require("dojo/ready", function(ready){
    ready(function(){
        dojo.byId("name").innerHTML = 'John Doe';
    });
});

但是当我点击帐户信息标签

时没有任何反应

有人可以帮我这个吗？

谢谢！

Answer 1

在您的代码段中，我认为这对您不起作用，因为您在moveTo:'<view id>'中遗漏了data-dojo-props。您需要指定要在转换到的页面中显示的视图。

以下适用于我：

<强>的index.html

<div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
    Lorem ipsum dolor sit amet, ...

    <ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom">
        <li data-dojo-type="dojox.mobile.TabBarButton" id="tab1" data-dojo-props="url:'view1.html', moveTo:'view1', transition:'flip'">Label</li>
    </ul>
</div>

<强> view1.html

<div data-dojo-type="dojox.mobile.View" id="view1" data-dojo-props="selected:false">
    In view 1   
</div>

选项卡加载上的dojo移动操作

1 个答案: