脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-dojo中的单选列表,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
[htML]
<p 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>
</p>
<p 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>
</p>关键属性:
[html] view plaincopyprint?select="single"//用于设置为单选模式
onCheckStateChanged:onCheck //通过onCheckStateChanged事件来接收选中的项
select="single"//用于设置为单选模式
onCheckStateChanged:onCheck //通过onCheckStateChanged事件来接收选中的项
展示效果如下图:
其他列表类似:
[html]
<p 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>
</p>
<p 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>
</p>
效果如下图:
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-dojo中的单选列表全部内容,希望文章能够帮你解决javascript代码实例教程-dojo中的单选列表所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。