Worklight app显示初始化视图的文本

时间:2013-10-07 14:45:56

标签: android dojo ibm-mobilefirst dojox.mobile

我尝试了很多次但没有用,我创建了一个带有主视图的worklight应用程序和一个包含打开其他视图的项目的列表(包含在同一个HTML文件中)。

当我在浏览器上测试移动设备(Samsung Galaxy S4)上的应用程序时,它会在小部件正确呈现之前显示html文件的完整内容。

    <div data-dojo-type="dojox.mobile.RoundRectList"  class="indexListStyle" >
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/about.png',moveTo:'aboutView',variableHeight:true,transition:'fade'" class="indexListStyle">About </div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'agendaView',variableHeight:true,transition:'slide'" class="indexListStyle">Agenda</div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'registrationView',variableHeight:true,transition:'cover'" class="indexListStyle">Register</div>
    <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'images/register.png',moveTo:'profileView',variableHeight:true,transition:'dissolve'" class="indexListStyle">GBM Profile</div>
</div>
</div>

<div id="aboutView" data-dojo-type="dojox.mobile.View">

</div>
    <div id="agendaView" data-dojo-type="dojox.mobile.View">

</div>
<div id="registrationView" data-dojo-type="dojox.mobile.View">

</div>
<div id="profileView" data-dojo-type="dojox.mobile.View">

</div>

我在函数wlCommonInit()中加载来自外部HTML文件的视图div的内容,如下所示

$("#aboutView").load("about.html");

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

将样式=“visibility:hidden”添加到HTML正文标记。

dojox / mobile框架应该在解析器运行后将其设置为可见。