0

奇妙なことに気付きました - ScrollableView を SwapView に配置し、プログラムで (ボタンをクリックした後) SwamView のビューを変更し、次にフォーカスを (リスト内の 1 つの要素をクリックして) ScrollableView にリストすると、最初のビューがリスト付きのこのビューの下に表示されます現在メイン ビューである ScrollableView で (両方が同時に表示されます - 一方が他方に重ねられます)。PhoneGap で Android プロジェクトとして使用しています。私が使用している Dojo のバージョンは 1.9 です。

私のコードは次のとおりです。

<div id="view1" data-dojo-type="dojox/mobile/SwapView">
<div data-dojo-type="dojox.mobile.ContentPane" data-dojo-props='href:"page1.html", parseOnLoad: false, onLoad:NewClientForm.loadForm'></div>
</div>

<div id="view2" data-dojo-type="dojox/mobile/SwapView">
<div data-dojo-type="dojox.mobile.ContentPane" id="cview2" data-dojo-props='href:"page2.html", parseOnLoad: true'></div>
</div>

と page2.html

<div id="offer_page">
<div class="pageLogo">
    <img src="theme/images/logo.png" alt="" />
</div>

<header>
    <h1 id="offer_page_client_name_header"> </h1>
</header>

<div id="new_client_nav_menu" class="pageNavMenu">
    <div>menu</div>
</div>
<div id="new_client_nav_settings" class="pageNavSettings">
    <div>set</div>
</div>
<div class="pageNavPrev">
    <div id="offer_page_nav_prev" class="pageImageLink" data-dojo-type="dojox/mobile/Button" data-dojo-props='onClick: OfferPageForm.prevButton'><img src="theme/images/nav_prev.png" alt="" /></div>
</div>
<div class="pageNavNext">
    <div id="offer_page_nav_next" class="pageImageLink" data-dojo-type="dojox/mobile/Button" data-dojo-props="onClick: OfferPageForm.nextButton"><img src="theme/images/nav_next.png" alt=""></div>
</div>

<ul data-dojo-type="dojox/mobile/TabBar" data-dojo-props='barType:"standardTab", center:false'>
    <li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='selected:true, moveTo:"tab1"'>Client data</li>
    <li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='moveTo:"tab2"'>Needs analysis</li>
    <li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='moveTo:"tab3"'>Offers</li>
    <li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='moveTo:"tab4"'>Simulations</li>
</ul>

<div id="tab1" data-dojo-type="dojox.mobile.View" class="tabView">
    Client data:
</div>

<div id="tab2" data-dojo-type="dojox.mobile.View" class="tabView">
    Needs analysis
</div>

<div id="tab3" data-dojo-type="dojox.mobile.View" class="tabView">
    <div class="offersLeftPanel">
        <div class="offersLeftPanelTableHeader">
            <div class="offersLeftPanelTableDate">Creation date</div>
            <div class="offersLeftPanelTableProduct">Product</div>
            <div class="offersLeftPanelTableName">Name</div>
            <div class="offersLeftPanelTableRisk">Risk Profile</div>
            <div class="offersLeftPanelTableStatus">Status</div>
            <div class="offersLeftPanelTableSigned">Signed</div>
            <div class="offersLeftPanelTableActions">Actions</div>
        </div>
        <div data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props="height: '88%'">
            <ul data-dojo-type="dojox/mobile/EdgeToEdgeList">
                <li data-dojo-type="dojox.mobile.ListItem" class="offersLeftPanelTableRow">
                    <div class="offersLeftPanelTableDate">2013-03-25 08:00</div>
                    <div class="offersLeftPanelTableProduct">iSave Target</div>
                    <div class="offersLeftPanelTableName">iSavetarget-Medium-1</div>
                    <div class="offersLeftPanelTableRisk">Neutral</div>
                    <div class="offersLeftPanelTableStatus">New</div>
                    <div class="offersLeftPanelTableSigned">No</div>
                    <div class="offersLeftPanelTableActions"></div>
                </li>
                <li data-dojo-type="dojox.mobile.ListItem" class="offersLeftPanelTableRow">
                    <div class="offersLeftPanelTableDate">2013-03-25 08:00</div>
                    <div class="offersLeftPanelTableProduct">iSave Target</div>
                    <div class="offersLeftPanelTableName">iSavetarget-Medium-1</div>
                    <div class="offersLeftPanelTableRisk">Neutral</div>
                    <div class="offersLeftPanelTableStatus">New</div>
                    <div class="offersLeftPanelTableSigned">No</div>
                    <div class="offersLeftPanelTableActions"></div>
                </li>
                             ...
                             </ul>
        </div>

    </div>
    <div class="offersRightPanel">
        <div data-dojo-type="dojox/mobile/Button" class="offersOtherNeedsButton">Other uncovered needs</div>

        <div class="offersBottomButtons">
            <div data-dojo-type="dojox/mobile/Button" class="offersConsolidateButton">Consolidate offers and issue</div>
            <div data-dojo-type="dojox/mobile/Button" class="offersIssueButton">Issue proposal</div>
        </div>
    </div>
</div>

<div id="tab4" data-dojo-type="dojox.mobile.View" class="tabView">
    Simulations
</div>

page1.html は非常によく似ていますが、リストと ScrollableViews はありません。

最も興味深いのは、毎回ではなく、テストする機会があるすべてのデバイスで発生するわけではないという事実です (Samsung Galaxy Tab 2 でテストしましたか? - ここで、この問題、Asus Transformer と 1 つに気付きました。ノーネーム")。

助けてくれてありがとう。

4

1 に答える 1