Question

我想知道是否有办法在 Dojo 获得一个列表框, 哪些选项由图像加上一段文字组成。列表应产生类似的结果 :

listbox: - image/icon1 + text1 - image/icon2 + text2 ... - image/iconN + textN

我用一个下调列表来完成它,但这不是我需要的。我必须是列表框。

提前感谢。

Answer 1

您可以使用已检查的 dojo MultiSweet 。

<select name="someName" id="someId" multiple="true" data-dojotype="dojox.form.CheckedMultiSelect">
   <option id="someOptionId"><img src="images/aim-icon.gif" border=0>Blah Blah</option>
</select>

Answer 2

最后,我必须这样做:

<html>
<head></head>
<body>
    <select id="list" size="3" style="width:100px;"></select>
    <input id="clear" type="button" value="Clear">
    <input id="populate" type="button" value="Populate">
    <script type="text/javascript" src="dojo.js"></script>
    <script>
        dojo.addOnLoad( function(){
            dojo.connect( dojo.byId("clear"), "onclick", this, clear );
            dojo.connect( dojo.byId("populate"), "onclick", this, populate);
        });
        dojo.addOnLoad( populate );

        function populate(){
            for(var i = 0; i < 10; i++ ){
                var html = i%2 ?  <img src="image1.png"> Item   + i :
                                  <img src="image2.png"> Item   + i;
                dojo.create("option", {innerHTML: html, value: i },  list  );
            }
            dojo.byId( populate ).disabled = true;
            dojo.byId( clear ).disabled = false;
        }

        function clear(){
            var list = dojo.byId("list");
            var ops = list.options;
            while( ops.length ){
                ops.remove(0);              
            }
            dojo.byId( populate ).disabled = false;
            dojo.byId( clear ).disabled = true;
        }
    </script>
</body>
</html>

我希望它能帮上忙!

友情链接