2017-10-05 3 views
0

私はSAPUI5マスター/詳細アプリケーションを持っています。Master/Detail + ObjectHeader + IconTabBar:IconTabコンテンツのみをスクロールする方法は?

詳細ページは、ObjectHeaderといくつかのタブを持つIconTabBarで構成されています。

特にIconTabBarを常に表示し、IconTabコンテンツのみをスクロールしたいと考えています。このベストを達成するにはどうすればいいですか?

よろしく、目に見える

+0

を意味していますか?代わりに[sap.uxap.ObjectPageLayout](https://openui5.hana.ondemand.com/#/sample/sap.uxap.sample.ObjectPageHeaderExpanded/preview)を固定ヘッダで使用することについてどう思いますか? – boghyon

+0

こんにちは、お返事ありがとうございます 私は以下のオブジェクトヘッダー のIconTabBarのようになりたいですし、iconTabBarの内容にスクロールバーがあります –

+0

この回答を見てください:https://stackoverflow.com/a/47750244/5846045。基本的にIconTabBarに 'stretchHeightContent'プロパティを追加してScrollContainerだけをスクロール可能にする必要があります。 – boghyon

答えて

0

アイコンタブバーの内容:sap.m.IconTabBarfalsetrueexpandedプロパティとexpandableプロパティを設定してみてください。

アイコンタブバーのスクロール:sap.m.IconTabFiltersap.m.ScrollContainerを使用しようとsap.m.PagefalseenableScrollingプロパティを設定してください。あなたは[アイコンエクスプローラ](https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)のように

<mvc:View 
    xmlns:mvc="sap.ui.core.mvc" 
    xmlns="sap.m"> 
    <App> 
    <Page 
     enableScrolling="false"> 
     <content> 
     <IconTabBar 
      expanded="true" 
      expandable="false"> 
      <items> 
      <IconTabFilter 
       text="foobar"> 
       <ScrollContainer 
       height="100%" 
       width="100%" 
       horizontal="true" 
       vertical="true" 
       focusable="true"> 

       <!-- content to scroll --> 

       </ScrollContainer> 
      </IconTabFilter> 
      </items> 
     </IconTabBar> 
     </content> 
    </Page> 
    </App> 
</mvc:View> 
関連する問題