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 に答える