javascript代码实例教程-dojo中的单选列表

发布时间:2019-05-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-dojo中的单选列表脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

[htML]
<p dojoTyPE="dojox.mobile.ScrollableView" selected="true" height="auto">&nbsp;
            <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事件来接收选中的项
展示效果如下图:

 dojo中的单选列表
 


其他列表类似:


[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>
效果如下图:

 dojo中的单选列表
 


 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-dojo中的单选列表全部内容,希望文章能够帮你解决javascript代码实例教程-dojo中的单选列表所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。