Sapui5中的图标标签栏

时间:2015-07-27 16:13:06

标签: sapui5 sap-fiori

我在我的项目中使用IconTabBar。 IconTabFilters从片段调用。当用户单击片段中的按钮时,所选的IconTabFilter将处于活动状态。我怎样才能做到这一点?

我的master.view.xml部分:

<IconTabFilter key="home" icon="sap-icon://home" iconColor="Neutral" text="home">
                    <core:Fragment fragmentName="App.view.second" type="XML" />
                    </IconTabFilter>

这是我的片段内容:

<Button text="Continue" type="Accept" press="pressCont" id="pressCont" ></Button>

2 个答案:

答案 0 :(得分:1)

案例I:假设您有多个IconTabFilter

没有名为有效/无效的属性,但您可以使用/控制IconTabFilterIconTabBar本身的可见性。< / p>

使用oIconTabFilter.setVisible(true); //了解更多here

案例II:假设您有一个IconTabFilter和多个IconTabBar

有一种名为setSelectedKey的方法阅读更多here

oIconTabBar.setSelectedKey(true);

答案 1 :(得分:1)

此图标标签栏在master.view.xml中有2个图标标签过滤器。

<IconTabFilter key="homeFl"  iconColor="Neutral" text="home">
<core:Fragment fragmentName="App.view.home" type="XML" />
</IconTabFilter>
<IconTabFilter key="personelFl"  iconColor="Neutral" text="PersonelFl"  >
<core:Fragment fragmentName="App.view.personel" type="XML" />
</IconTabFilter>

当用户在我的主页片段中单击此按钮时,将使用此代码激活personel片段。这部分在master.controller中。

 pressCont:function(evt){

   var oPanelMenu1 = this.byId("idIconTabBarSeparatorIcon");// get icon tab bar

   oPanelMenu1.setSelectedKey("personelFl");//set active filter with predefined key
}