如何获取所选Dojox.mobile.listItem的索引值

Question

我正在使用DOJO工具包开发一个工作灯项目。由于我是Worklight和Dojo的新手，我刚刚创建了一个列表，并试图获取点击列表的索引，以便在下一个视图中显示相应的描述/操作。我尝试在listItem"onClick"函数中传递索引值，但在传递索引参数后，我无法移动到另一个视图。

HTML文件

<div data-dojo-type="dojox.mobile.ScrollableView" id="view0"
        data-dojo-props="selected:false,scrollDir:'v'">
        <div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props="label:'View0'" ></div>
        <ul data-dojo-type="dojox.mobile.RoundRectList" id="dataList">
        </ul>
<div data-dojo-type="dojox.mobile.Heading"
            data-dojo-props="fixed:'bottom'"></div>
    </div>

JS文件

function abcd()
    {
    ..
    ...
    ...
     var dlist = dijit.registry.byId("view0");
    for(var i=1;i<=3;i++)
{
    var lstId = "list" + i;
    var list = new dojox.mobile.ListItem({label: labl,rightIcon:"mblDomButtonBlueCircleArrow",transition:"slide",id:lstId,onClick:dispData(lstId),moveTo:"#"});
}
                    dlist.addChild(list);

    }
    function dispData(index)
    {
        //debugger;
        alert(index);
        dijit.registry.byId("view0").performTransition("**someview***", 1, "slide");
    }

如何在dojo中获取所选列表的索引值。有其他方法可以做到这一点吗。

感谢您的帮助。

Answer 1

如果使用循环索引作为循环中定义的点击处理程序的闭包变量。。。那是行不通的。（请参阅循环中的JavaScript闭包——例如，简单的实用示例）

我发现只需将id添加到ListItem中，然后使用事件在单击处理程序中查找项目更容易：

        function listItemHandler(event) {
            // Look up the clicked ListItem and get its id 
            var id = dijit.registry
                    .getEnclosingWidget(event.currentTarget).id;
            alert(id);
        }
        var dlist = dijit.registry.byId("dataList");
        for ( var i = 1; i <= 3; i++) {
            var lstId = "list" + i;
            var list = new dojox.mobile.ListItem({
                label : "label" + lstId,
                rightIcon : "mblDomButtonBlueCircleArrow",
                transition : "slide",
                id : lstId,
                moveTo : "#"
            });
            dlist.addChild(list);
        }
        dojo.query("#dataList .mblListItem").on("click", listItemHandler);

Answer 2

构建这样的行：

..'label': 'xx', 'moveTo':'#', 'onClick':function(){  yourFunction('id_of_item')}   ..

使用此功能移动到另一个视图

var w = dijit.byId('currentView');
w.performTransition('newView',1,"slide",null); //or #newView

它对我有效。警报显示了吗？它进入功能？