Bootstrap 扩展库V12:具有引导配置的应用程序布局,可折叠的左列

edqdpe6u  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(152)

我正在使用应用程序布局控件和bootstrapResponsiveConfiguration。nsf运行在9.0.1FP2服务器上,我正在使用最新的扩展库版本v12。源代码如下所示:

...
<xe:applicationLayout id="applicationLayout1">
        <xp:callback
            facetName="facetMiddle"
            id="facetMiddle">
        </xp:callback>
        <xe:this.facets>
            <xp:callback
                facetName="facetLeft"
                id="facetLeft"
                xp:key="LeftColumn">
            </xp:callback>
            <xp:callback
                facetName="facetRight"
                id="facetRight"
                xp:key="RightColumn">
            </xp:callback>
        </xe:this.facets>
        <xe:this.configuration>
            <xe:bootstrapResponsiveConfiguration invertedNavbar="true"
                collapseLeftColumn="true" productLogoAlt="SelfService"
                placeBar="false" footer="false" legal="false" pageWidth="fluid"
                fixedNavbar="fixed-top">
...

其结果是:如果我在桌面上调整窗口大小或在移动的设备上查看页面,左列将隐藏(如预期)。
但不幸的是,我没有获得访问左列的句柄。我期待一个菜单按钮,或类似的东西。
有人知道我做错了什么吗?先谢谢了

ncecgwcz

ncecgwcz1#

只有在应用布局的左列中有一个菜单(在生成的HTML中)包含一个使用<ul>标记的菜单选项列表(在Bootstrap布局中很常见)时,“可折叠的左菜单”特性才起作用。我刚刚在我的左列中尝试了这个特性:

<ul>
  <li>Menu option 1</li>
  <li>Menu option 2</li>
</ul>

它起作用了:它会自动在我的布局中创建一个按钮,默认标签为“Menu”(可以使用collapseLeftMenuLabel属性更改)。该按钮仅在小屏幕上可见,并打开一个弹出菜单,显示您创建的菜单选项。
您可以通过在XPages中编写HTML来创建菜单,也可以在左列中添加一个<xe:navigator>控件:这也会在生成的HTML中创建一个<ul><li>结构。

相关问题