Интересно, есть ли способ получить список в додзё, которые состоят из изображения плюс кусок текста. Список должен привести к чему-то вроде этого:Listbox с богатыми опциями в dojo
ListBox: - изображение/icon1 + text1 - изображение/icon2 + text2 ... - изображение/iconN + textN
Я был в состоянии сделайте это, используя раскрывающийся список, но это не то, что мне нужно. Я должен быть списком.
Заранее спасибо.
Вы можете использовать dojo CheckedMultiSelect.
<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>
Наконец, я должен сделать это, делая это:
<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>
Я надеюсь, что это помогает!