Worklight dojo 标题标签重复答案

【问题标题】：Worklight dojo heading labels are duplicatedWorklight dojo 标题标签重复
【发布时间】：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>

谢谢！

【问题讨论】：

你能提供一些代码吗？

标签： dojo ibm-mobilefirst

【解决方案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() { }); }); }