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，但是您可以 use/control 可见性 IconTabFilter 或 IconTabBar 本身。

使用 oIconTabFilter.setVisible(true); // 阅读更多 here

情况二：假设你有一个IconTabFilter和多个IconTabBar

有一种方法叫做 setSelectedKey阅读更多 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
}

Sapui5中的图标标签栏

Icon tab bar in Sapui5

sapui5

sap-fiori