<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>
效果如下图:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。