sapui5 - Sapui5中的图标标签栏

Question

我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>

Answer 1

案例一：假设你有不止一个IconTabFilter，

没有称为active/inactive的属性，但是您可以使用/控制OR本身的可见性。IconTabFilterIconTabBar

使用//在这里oIconTabFilter.setVisible(true);阅读更多

案例二：假设你有一个IconTabFilter和多个IconTabBars

有一种方法叫做setSelectedKeyRead more here

oIconTabBar.setSelectedKey(true);

Answer 2

此图标选项卡栏在 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>

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

 pressCont:function(evt){

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

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