<div dojoType="dojox.mobile.ScrollableView" selected="true" height="auto"> <ul id="list1" dojoType="dojox.mobile.RoundRectList" select="single" data-dojo-props="onCheckStateChanged:onCheck"> <li id="item1" dojoType="dojox.mobile.ListItem" checked="true"> Marimba </li> <li dojoType="dojox.mobile.ListItem"> Alarm </li> <li dojoType="dojox.mobile.ListItem"> Ascending </li> <li dojoType="dojox.mobile.ListItem"> Bark </li> <li dojoType="dojox.mobile.ListItem"> Bell Tower </li> <li dojoType="dojox.mobile.ListItem"> Blues </li> <li dojoType="dojox.mobile.ListItem"> Boing </li> <li dojoType="dojox.mobile.ListItem"> Crickets </li> <li dojoType="dojox.mobile.ListItem"> Digital </li> <li dojoType="dojox.mobile.ListItem"> Doorbell </li> <li dojoType="dojox.mobile.ListItem"> Duck </li> <li dojoType="dojox.mobile.ListItem"> Harp </li> <li dojoType="dojox.mobile.ListItem"> Motorcycle </li> <li dojoType="dojox.mobile.ListItem"> Old Car Horn </li> <li dojoType="dojox.mobile.ListItem"> Old Phone </li> <li dojoType="dojox.mobile.ListItem"> Piano Roll </li> <li dojoType="dojox.mobile.ListItem"> Pinball </li> <li dojoType="dojox.mobile.ListItem"> Robot </li> <li dojoType="dojox.mobile.ListItem"> Sci-Fi </li> <li dojoType="dojox.mobile.ListItem"> Sonar </li> <li dojoType="dojox.mobile.ListItem"> Strum </li> <li dojoType="dojox.mobile.ListItem"> Timba </li> <li dojoType="dojox.mobile.ListItem"> Time Passing </li> <li dojoType="dojox.mobile.ListItem"> Trill </li> <li dojoType="dojox.mobile.ListItem"> Xylophone </li> </ul> </div>
关键属性:
select="single"//用于设置为单选模式 onCheckStateChanged:onCheck //通过onCheckStateChanged事件来接收选中的项
展示效果如下图:
其他列表类似:
<div dojoType="dojox.mobile.ScrollableView" selected="true" height="auto"> <ul id="list1" dojoType="dojox.mobile.EdgeToEdgeList" select="single" data-dojo-props="onCheckStateChanged:onCheck"> <h2 dojoType="dojox.mobile.EdgeToEdgeCategory">A</h2> <li id="item1" dojoType="dojox.mobile.ListItem" checked="true"> Aaron Smith </li> <li dojoType="dojox.mobile.ListItem"> Adam Peller </li> <h2 dojoType="dojox.mobile.EdgeToEdgeCategory">J</h2> <li dojoType="dojox.mobile.ListItem"> Jack Coleman </li> <li dojoType="dojox.mobile.ListItem"> James Evans </li> <li dojoType="dojox.mobile.ListItem"> Jason Griffin </li> <h2 dojoType="dojox.mobile.EdgeToEdgeCategory">K</h2> <li dojoType="dojox.mobile.ListItem"> Karen Hughes </li> <li dojoType="dojox.mobile.ListItem"> Kelly Perry </li> <li dojoType="dojox.mobile.ListItem"> Kevin Rivera </li> <h2 dojoType="dojox.mobile.EdgeToEdgeCategory">S</h2> <li dojoType="dojox.mobile.ListItem"> Sam Jones </li> <li dojoType="dojox.mobile.ListItem"> Sandy Smith </li> <li dojoType="dojox.mobile.ListItem"> Susan Smith </li> <h2 dojoType="dojox.mobile.EdgeToEdgeCategory">T</h2> <li dojoType="dojox.mobile.ListItem"> Tim Jones </li> <li dojoType="dojox.mobile.ListItem"> Tina Smith </li> <li dojoType="dojox.mobile.ListItem"> Tom Smith </li> </ul> </div>
效果如下图:
原文链接:https://www.f2er.com/dojo/291436.html