如何使用worklight从js文件检索html文件中的dojox.mobile小部件

Question

我在第一次使用多个IconMenuItems交换视图时创建了一个图标菜单。这是代码的一小段。如何操作JS文件中的单个IconMenutItems？我尝试了两次检索第一个IconMenutItem，结果检索的是对象HTMLLIElement而不是IconMenuItem。即使调用了button.label或button.title，它也是未定义的。是否可以在创建特定dojo项后对其进行操作？如果这是一个初学者问题，很抱歉，我对Worklight和Dojo都很陌生

HTML：

    <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" title="title1"></li>
        </ul>
    </div>

JS：

    var button1= document.getElementById("btn1");
    WL.Logger.debug(""+button1.label);

    var button2= dojo.query("#btn1");
    WL.Logger.debug(""+button2.label);*

Answer 1

使用dijit/registry

require(['dijit/registry'], function(registry) {
    var btn1 = registry.byId("btn1");
});

这里有一个小把戏：http://jsfiddle.net/cswing/GyzXG/

http://dojotoolkit.org/reference-guide/1.9/dijit/registry.html