Worklight dojo 标题标签重复

Posted

技术标签:

【中文标题】Worklight dojo 标题标签重复【英文标题】:Worklight dojo heading labels are duplicated 【发布时间】:2014-04-07 07:47:22 【问题描述】:

在 Worklight 中使用 dojo 时,我的标题标签出现两次(重复)。

index.html

<div 
    id="info"
    data-dojo-type="dojox.mobile.Heading" 
    data-dojo-props='label:"User Information"'
    style = "background-color: silver; font-size: 20px;">
</div>

谢谢!

【问题讨论】:

你能提供一些代码吗? 【参考方案1】:

我已将您的代码 sn-p 更改为以下代码,它适用于我,没有任何重复。 请注意带引号的 data-dojo-props 的细微变化。

<div 
    id="info"
    data-dojo-type="dojox.mobile.Heading"
    data-dojo-props="label:'User Information'"
    style = "background-color: silver; font-size: 20px;">
</div>

我使用 Dojo(使用 Worklight Hybrid Application 向导)创建了一个新的 Worklight 项目和应用程序,并向其中添加了修改后的代码 sn-p。我只看到 1 个标题。

我的 index.html

<!DOCTYPE html>
<html>
        <head>
            <meta charset="UTF-8">
            <title>dojotest</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <meta name="apple-mobile-web-app-capable" content="yes">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link rel="stylesheet" href="css/main.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
            <script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
            <script type="text/javascript" data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false" src="dojo/dojo.js"></script>
        </head>
        <body style="display: none;">
            <div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
                <div 
                    id="info"
                    data-dojo-type="dojox.mobile.Heading" 
                    data-dojo-props="label:'User Information'"
                    style = "background-color: silver; font-size: 20px;">
                </div>
            </div>
            <script src="js/initOptions.js"></script>
            <script src="js/main.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>

【讨论】:

抱歉它对我不起作用 :( 也许我的 .js 文件有问题?function dojoInit() require([ "dojo/ready", "dojo/_base/kernel", “dojo/parser”、“dojox/mobile”、“dojo/dom”、“dijit/registry”、“dojox/mobile/ScrollableView”、“dojox/mobile/TabBarButton”、“dojox/mobile/TextArea”、“dojox /mobile/TextBox", "dojox/mobile/Button", "dojox/dgauges/components/default/SemiCircularLinearGauge" ], function(ready) ready(function() ); );

以上是关于Worklight dojo 标题标签重复的主要内容,如果未能解决你的问题,请参考以下文章

Worklight 6.0 - 如何使用 dojo 1.9 和 worklight 6.0 为 android 2.2 创建和部署 dojo 启用 worklight 混合应用程序

IBM Worklight 6.0 - Worklight Starter Dojo 示例损坏?

Worklight 6 + Dojo 丢失文件错误

Worklight/Dojo - 键盘隐藏输入字段

Worklight 中的 Dojo 文件缓存

Worklight 5.0.6 Dojo 代码迁移