微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

dojo中的单选列表

<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] 举报,一经查实,本站将立刻删除。

相关推荐