1

Dojo 1.7 を使用しています。Phonegap を使用して Android モバイル アプリを実装します。私の問題は、プロジェクトの index.html にタブバーを実装したことです。ここで、index.html のタブバー アイコンをクリックして、同じプロジェクト内の別の html ファイルである view2.html のビュー div (testdiv と呼ばれる) に移行したいと考えています。

4

2 に答える 2

1

以下に示すように、data-dojo-prop 属性内で使用可能な 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 の名前が含まれ、moveTo には表示されるビューが含まれます (別の 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-29T08:50:37.730 に答える
0

ここまで行くことはあまりありません。しかし、あなたがdojox.mobile.TabBarについて話す「タブバー」はほぼ100％確信していますか？

その場合、リモートページをプルするためのすぐに使用できるサポートはありませんが、タブバーに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-05T09:35:06.757 に答える