Переход Dojo в другой файл html в том же проекте

Я использую Dojo 1.7. для реализации мобильного приложения Android с помощью Phonegap. Ну, моя проблема в том, что я внедрил tabbar в index.html в моем проекте. Теперь я хочу сделать переход, щелкнув значок tabbar-index из index.html в view-div (называемый testdiv) view2.html, который является другим html-файлом в том же проекте.Переход Dojo в другой файл html в том же проекте

источник

2012-05-04 knacker123

Используйте свойство URL-адрес, имеющийся в данных додзё-проп атрибута, как показано ниже -

Index.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>

свойство URL выше содержит имя HTML, чтобы быть referened и MoveTo с ontains вид, который будет отображаться (ваш другой HTML может иметь несколько представлений)

Sample.html - вид определения

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

Когда «detailsHeading» нажата, то приложение будет загружать sample.html и сделать вид - view1

источник

2014-01-29 08:50:37 AJoy

theres не так много, чтобы пойти здесь; но im почти на 100% уверен, что на «вкладке» вы говорите о dojox.mobile.TabBar?

Если это так, нет никакой дополнительной поддержки для удаленных страниц, но вы можете сделать это, добавив на вкладку dijit.layout.ContentPane.

Попробуйте этот код для вашего проекта, каждый из загрузки панели viewX.html

<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

Переход Dojo в другой файл html в том же проекте

ответ

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