这太令人困惑了。我有一个使用应用程序布局控件构建的 Xpage 应用程序。我有 2 个标题栏,每个标题栏都有一个导航元素,每个都有两个视图。
我希望突出显示选定的标题栏和视图。我知道这涉及到导航路径以及选择和/或选择属性的使用,但我不明白它们是如何工作或交互的。
这太令人困惑了。我有一个使用应用程序布局控件构建的 Xpage 应用程序。我有 2 个标题栏,每个标题栏都有一个导航元素,每个都有两个视图。
我希望突出显示选定的标题栏和视图。我知道这涉及到导航路径以及选择和/或选择属性的使用,但我不明白它们是如何工作或交互的。
这些答案对你有帮助吗?如何使用导航器的 Selected 属性?
您需要在每个 XPage 上设置 navigationPath 属性,这必须与导航控件上的 selection 属性(使用正则表达式)相匹配。
更新了对以下评论的回答
这是 Home 选项卡和 Home 导航控件的示例 XPage:
<xc:layout navigationPath="/Home/XPage1">
<xp:this.facets>
<xc:layout_menu_home xp:key="facetLeft"></xc:layout_menu_home>
<xc:content_xpage1 xp:key="facetMiddle"></xc:content_xpage1>
</xp:this.facets>
</xc:layout>
布局自定义控件使用 xe:applicationLayout 来控制布局。在这种情况下,它有一个名为 navigationPath 的自定义属性,在上面的示例 XPage 中使用。xe:applicationLayout 对应的 navigationPath 属性必须设置为此自定义属性:
<xe:applicationLayout id="applicationLayout">
...
<xe:this.configuration>
<xe:oneuiApplication
navigationPath="${javascript:compositeData.navigationPath}">
这是 xe:applicationLayout 的一部分,用于处理布局自定义控件中的两个选项卡:
<xe:this.titleBarTabs>
<xe:pageTreeNode page="/xpage1.xsp" label="Home" selection="/Home/.*"></xe:pageTreeNode>
<xe:pageTreeNode page="/xpage3.xsp" label="Tips" selection="/Tips/.*"></xe:pageTreeNode>
</xe:this.titleBarTabs>
这是 Home 的示例导航控件:
<xe:navigator id="navigator1" >
<xe:this.treeNodes>
<xe:pageTreeNode page="/xpage1.xsp" label="XPage 1" selection="/Home/XPage1"></xe:pageTreeNode>
<xe:pageTreeNode page="/xpage2.xsp" label="XPage 2" selection="/Home/XPage2"></xe:pageTreeNode>
</xe:this.treeNodes>
</xe:navigator>