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);
});