Srcollableview在swapview在dojox手機

Question

我注意到奇怪的事情 - 當我把ScrollableView到SwapView和我以編程方式（點擊按鈕後）在SwamView中更改視圖，然後給焦點（單擊列表中的一個元素）列出在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。

最有趣的事情是事實，這不是每一次發生，而不是在我有機會來測試它（我標籤2測試了三星Galaxy每個設備上 - 在這裏我已經注意到這個問題，華碩變壓器和一個「無名」）。

在此先感謝您的幫助。

Answer 1

page2.html中的HTML看起來格式錯誤（頂層未關閉）。除此之外，您發佈的HTML使用了JavaScript和CSS片斷。所有在一個，我不能正確運行你的代碼，看看我是否重現。

另一方面，dojox/mobile/tests（test_SwapView.html）中的一個SwapView測試包含一個按鈕，它以編程方式轉換到交換視圖 - 非常接近您描述的內容。你是使用這個樣本重現還是可以修改它來重現你的問題？

最後，告訴您再現設備的Android版本也會有所幫助。