dojo移動標籤加載操作

我做了一個簡單的移動應用程序（使用Worklight Studio）。我爲此應用程序添加了Dojo功能。所以，我有一個的TabBar，我想有點擊標籤dojo移動標籤加載操作

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'; 
    }); 
});

但是當我點擊帳戶信息標籤時沒有任何反應

有人可以幫助我嗎？

謝謝！

來源

2013-04-30 tinti

爲目標的JavaScript不執行？或者片段根本沒有被加載。同時檢查到JavaScript控制檯，看看是否有一個dojo解析錯誤。 – tik27 2013-05-01 14:30:13

JavaScript未執行。我把一個console.info和一個警報......什麼也沒有發生。 – tinti 2013-05-02 07:08:32

@tinti，請參閱下面的答案。如果我的回答對您有幫助，請將其標記爲已回答。 – 2014-11-01 08:47:55

從您的代碼段中，我相信這不適用於您，因爲您在data-dojo-props中缺少moveTo:'<view id>'。
您需要指定要在轉換到的頁面中顯示的視圖。

對我來說，以下工作：

的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>

來源

2014-09-25 12:11:24

dojo移動標籤加載操作

回答

相關問題