0

当我设置好 html 并通过 Web 浏览器运行 JS 代码时，IconMenuItem 永远不会在视觉上更改其图标或标签。即使在 JS 运行并且我在 IconMenuItem 上调用了一个函数后，直接 IconMenuItem.label 也不为空，并且 IconMenuItem.icon 是“images/icon.png”。如何更改元素的值，但在浏览器中可视化，IconMenuItem 不会更改？

html:

<script type="text/javascript" data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false" src="dojo/dojo.js"></script>


<div data-dojo-type="dojox.mobile.SwapView" id="MainPageView"
    data-dojo-props="selected:true">

    <ul data-dojo-type="dojox.mobile.IconMenu" id="menu"
        style="width: 320px; height: 400px;" data-dojo-props="cols: 3">

        <li data-dojo-type="dojox.mobile.IconMenuItem" label="empty"
            onclick=handleButton(this) id="btn1"></li>

JS：

        require(['dijit/registry'], function(registry) {
        var actualButton = registry.byId("btn1");
        actualButton.label=checkbox.title.substring(2);
        actualButton.icon="images/icon.png";
        WL.Logger.debug(actualButton.id+ "'s label is now: " + actualButton.label);
    });
4

1 回答 1

0

尝试使用 set 方法 ex。

actualButton.set({label:'newValue',icon:'iconValue'});

检查：http: //jsfiddle.net/GxGzG/1/

于 2013-07-10T21:13:56.783 回答