2013-09-24 5 views
1

Я пытаюсь получить индекс проверенного списка в моем коде, но не могу найти способ. Мой HTML-код ценам ниже Каков наилучший способ получить индекс проверенного списка?

  <h2 data-dojo-type="dojox/mobile/RoundRectCategory">Select Your Range :</h2> 
       <ul id="list" data-dojo-type="dojox/mobile/RoundRectList" data-dojo-props='select:"single"'> 
        <li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='checked:true'>Within 1 KM</li> 
        <li data-dojo-type="dojox/mobile/ListItem" >Within 3 KM</li> 
        <li data-dojo-type="dojox/mobile/ListItem" >Within 5 KM</li> 
       </ul> 

Я попытался с помощью dojo.query, чтобы добраться до проверяемого ListItem, но он также не работает. Может кто-то, пожалуйста, помогите мне, как это сделать?

Мой додзё code-

dojo.query("#list>li:checked").forEach(function(node) { alert("in for loop"); }); 

Я попытался использовать ниже код, который дает мне предупреждение для индекса 0, что соответствует по умолчанию выбран ListItem в но когда я выбрать любой другой ListItem, я все еще получаю предупреждение для выбранного списка по умолчанию. Когда я зарегистрировался в инструменте разработчика Google Chrome, я обнаружил, что data-dojo-props = 'checked: true' для списка по умолчанию не изменяется на false, когда я выбираю любой другой список. Это правильное поведение списка? В идеале он должен получить изменения в false и checked свойство для нового выбранного списка, чтобы получить изменение в true, но этого не происходит. Может ли кто-нибудь объяснить это поведение и сказать мне лучший способ получить индекс выбранного списка?

dojo.query("#list>li[data-dojo-props='checked:true']").forEach(function(node,index) { alert("in for loop"+ index); }); 

Примечание- я поселилась с помощью додзё радиокнопки в моих ListItems, которые работали очень хорошо, но я по-прежнему хотят получить помощь на этом только, чтобы быть в курсе этой функциональности.

ответ

-1

Использование JQuery.

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
</head> 
<body> 
<h2 data-dojo-type="dojox/mobile/RoundRectCategory" >Select Your Range :</h2> 
       <ul id="list" data-dojo-type="dojox/mobile/RoundRectList" data-dojo-props='select:"single"'> 
        <li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='checked:true'>Within 1 KM</li> 
        <li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='checked:true' >Within 3 KM</li> 
        <li data-dojo-type="dojox/mobile/ListItem" >Within 5 KM</li> 
       </ul> 
    <input type="button" value="get selected items" onclick="GetData()" /> 
<script type="text/javascript"> 
function GetData(){ 
var Value = ""; 

$("#list li").each(function(index,ele){ 
if($(ele).attr("data-dojo-props") === "checked:true") 
Value += ","+$(ele).html(); 
}); 
alert(Value); 
} 
</script> 

</body> 
+1

Спасибо Sameer за помощь, но я хочу реализовать ее в додзё. –

+0

Это не в Dojo, и не объясняет, что делает код. – Bucket

Смежные вопросы