Question

这令人困惑。我有一个使用应用程序布局控件构建的Xpage应用程序。我有2个标题栏，每个标题栏都有一个导航元素，每个都有两个视图。

我想要突出显示所选的标题栏和视图。据我所知，这涉及导航路径以及所选和/或选择属性的使用，但我不明白它们是如何工作或互动的。

Answer 1

这些答案可以帮到你吗？ How do you use the Selected property of the navigator?

您需要在每个XPage上设置navigationPath属性，这必须与导航控件上的选择属性（使用正则表达式）匹配。

更新了对以下评论的回答

以下是Home选项卡的XPage示例和Home的导航控件：

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

在Xpages应用程序布局控件中选择vs选择

1 个答案: