동일한 프로젝트의 다른 html 파일로 Dojo 전환

Dojo 1.7을 사용 중입니다. Phonegap으로 Android 모바일 앱을 구현하는 방법. 내 프로젝트에서 index.html에 tabbar를 구현 한 것이 문제입니다. 이제 index.html의 tabbar-icon을 클릭하여 같은 프로젝트의 다른 html 파일 인 view2.html의 view-div (testdiv라고 함)로 전환하려고합니다.동일한 프로젝트의 다른 html 파일로 Dojo 전환

출처

2012-05-04 knacker123

는 데이터 도장 소품 속성 내에서 사용 가능한 url 속성을 사용 viewX.html -

Index.html 것 - 링크는 다른 referened 할 url 속성은 위의 HTML의 이름을 포함

<div id="detailsHeading" data-dojo-type="dojox.mobile.Heading" 
     data-dojo-props="fixed: 'top', label: 'Details', back:'Back', moveTo:'view1', transition:'slide', transitionDir:'-1',url:'sample.html'"> 
</div>

페이지의 moveTo의 C에 볼 수 있습니다 보기가 (당신의 다른 HTML 여러 의견이있을 수 있습니다) 표시 할 ontains

Sample.html - 뷰 정의은 "detailsHeading은"응용 프로그램이 sample.html을로드 클릭

<div data-dojo-type="dojox.mobile.ScrollableView" id="view1" 
    data-dojo-props="selected:false,scrollDir:'v'"> 
</div>

및 보기 렌더링 - view1

출처

2014-01-29 08:50:37 AJoy

여기까지 갈 길이 많지 않습니다. 하지만 메신저 거의 100 % 확신 '탭바'당신 dojox.mobile.TabBar 말하는거야?

그렇다면 원격 페이지를 가져 오는 기능은 지원되지 않지만 dijit.layout.ContentPane을 탭 모음에 추가하면됩니다.

아래 그림과 같이 프로젝트에이 코드를 사용해보십시오 각 창로드

<div id="groupview1" data-dojo-type="dojox.mobile.View" 
     data-dojo-props='selected:true'> 
    <ul data-dojo-type="dojox.mobile.TabBar" 
     data-dojo-props='barType:"segmentedControl", fixed:"top"'> 
    <li data-dojo-type="dojox.mobile.TabBarButton" 
     data-dojo-props='moveTo:"subview1", selected:true'>New</li> 
    <li data-dojo-type="dojox.mobile.TabBarButton" 
     data-dojo-props='moveTo:"subview2"'>What's Hot</li> 
    </ul> 

<div id="subview1" data-dojo-type="dojox.mobile.ScrollableView" 
     data-dojo-props='selected:true'> 
    <ul data-dojo-type="dijit.layout.BorderContainer"> 
     <li data-dojo-type="dijit.layout.ContentPane" 
     data-dojo-props='region:"center", href:"view1.html"'>Hello</li> 
    </ul> 
</div> 

    <div id="subview2" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props=''> 
    <ul data-dojo-type="dijit.layout.BorderContainer"> 
     <li data-dojo-type="dijit.layout.ContentPane" 
      data-dojo-props='region:"center", href:"view2.html"'></li> 
    </ul> 
</div></div> 

<script type="text/javascript"> 
     require(["dojox/mobile/TabBar", "dojox/mobile/TabBarButton", "dojox/mobile/TabBarButton", "dojox/mobile/ScrollableView", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function() { 
       dojo.parser.parse(); 
     }); 
</script>

출처

2012-05-05 09:35:06 mschr

동일한 프로젝트의 다른 html 파일로 Dojo 전환

답변

관련 문제