2013-09-25 2 views
0
을 구문 분석하지 않습니다

내 템플릿 내가이 사용자 정의 위젯을 여물 구문 분석 _WidgetsInTemplateMixin를 사용도조 widgetsintemplatemixin 데이터 - 도장 - 소품

<div> 
    <div class="header" data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'> 
     <span class="leftHeaderContent"> 
     ${leftButton} 
     <div class="headerText">${currentView}</div> 
     </span> 
     <span class="rightHeaderContent"> 
     <div data-dojo-attach-event='onclick: clickProfile' class='profileButton'><div class=profileButtonInner></div></div> 
     </span> 
    </div> 
    </div> 

입니다. 제목의 '고정 :'상단 '속성이 작동하지 않는 것을 제외하고는 모두 작동합니다.

필자는 스크롤 가능한보기가 있으며 제목은 내용과 함께 스크롤됩니다.

템플릿의 루트 요소가 위젯 인 경우 _WidgetsInTemplateMixin이 작동하지 않는다는 것을 알았습니다. 따라서 요소 주위에 요소를 넣었습니다. 속성을 제외하고 제목 위젯으로 구문 분석합니다.

나를 도와 줄 사람이 있습니까?

+1

** 어떻게 ** 당신이 데이터 도장 - props''구문 분석되지 알 수 있습니까? 디버거로 확인 했습니까? 이미'data-dojo-type'을 다루고 있다면 위젯과의 관계/레이아웃/CSS 버릇이있을 가능성이 훨씬 커 보인다. – Darien

답변

0

변경 data-dojo-props='fixed:"top"'data-dojo-props="fixed:'top'"으로 변경하십시오.

도움이되지 않으면 해당 속성을 "postCreate" 방법으로 설정할 수 있습니다. 당신은 상단에 고정 된 헤더를 유지하는 ScrollableView을 사용해야합니다

+0

변경이 작동하지 않았지만 postCreate에 속성을 추가하려면 어떻게해야합니까? 템플릿에서 headingwidget을 어떻게 찾을 수 있습니까? –

+0

U는'data-dojo-attach-point' 속성을 사용해야합니다. 위젯의 컨텍스트에서 사용 가능한 속성을 생성합니다.이를 통해 하위 위젯의 모든 메소드를 얻을 수 있습니다. – IProblemFactory

2

(또는 startup, 내가 하나가 정확 것이다 확실하지 않다, 나는 도조. 1.6을 사용). 문서에 따르면, 자신의 예에서와 같이, 당신의 ScrollableView 외부 Header 장소 :

<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"top"'>Application Header Bar</h1> 
<div id="view1" data-dojo-type="dojox/mobile/ScrollableView"> 
    .... 
</div> 
<div id="view2" data-dojo-type="dojox/mobile/ScrollableView"> 
    .... 
</div> 
<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"bottom"'>Application Footer Bar</h1> 

결과 : (그들은 그것을 보여주지 않더라도, 내용이 스크롤이며, 머리글과 바닥 글은 모두 고정되어 있습니다.)

enter image description here

+0

보기는 ScrollableView이며 응용 프로그램 (/ page)을 전역으로 사용하려면 ScrollableView 외부에 헤더를 넣으면됩니다. –