2013-04-19 2 views
0

저는 dojo에 새로워졌으며 선언적 방식이 아닌 프로그래밍 방식으로 작업하는 방법을 알아 내려고했습니다. dojox.mobile.List를 선언적으로 포함하는 dojox.mobile.ListItem을 포함하는 dojox.mobile.RoundRectList를 쉽게 만들 수 있습니다. http://dojotoolkit.org/documentation/tutorials/1.8/mobile/tweetview/getting_started/demo/dojox.mobile ListItem에서 전환하십시오.

내가하고 싶은 것은 dynaically 그들의 자신의 동적으로 생성 된 버튼을 사용하여 목록 항목을 각각 생성 :

<ul data-dojo-type="dojox.mobile.RoundRectList"> 
<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props="icon:'../../app/images/i-icon-1.png'"> 
    Airplane Mode 
    <div class="mblItemSwitch" data-dojo-type="dojox.mobile.Switch"></div> 
</li> 

이 여기에서 시작 설명서에서입니다

. 선언적 달리,

var listObj = dijit.byId("ListElement"); 
for (var n = 0; n < list.length; n++) { 

    var item = new dojox.mobile.ListItem({ 
     id: "item" + list[n].ID, 
     label: list[n].Name 
    }); 

    var sw = new dojox.mobile.Switch({ 
     className: "mblItemSwitch" 
    }); 
    item.addChild(sw); 

    listObj.addChild(item); 

} 

그러나 다음 코드는 ('목록'나는 이전 코드와 'ListElement'에서 변경 한 객체의 배열이 선언적으로 배치 dojox.mobile.RoundRectList이다) 것을 수행 예를 들어 스위치가 목록 항목의 오른쪽에 있으면 스위치가 왼쪽에 배치되고 텍스트가 오버레이됩니다.

스위치의 올바른 배치를 어떻게 달성 할 수 있습니까? 나는 완전히 이것을하는 더 좋은 방법이 있다는 것을 받아 들일 준비가되어있다. (나는 dojo에 새로 왔지만) 예제를 찾을 수 없었다.

감사합니다.

답변

0

아마 처음으로 대답을 찾았습니다. 내가이 문제를 일으킨 예가 잘못되었거나 약간 다른 맥락에서 나온 것처럼 보입니다. 스위치를 선언 할 때 className을 사용하는 대신 클래스 만 있으면됩니다. 예 :

var sw = new dojox.mobile.Switch({ 
     class: "mblItemSwitch" 
    }); 

스위치가 올바르게 서식이 지정되어 오른쪽에 정렬되었습니다.

관련 문제