Xpages：ExtLib V12：具有 Bootstrap 配置的应用程序布局。可折叠的左栏

Question

我将应用程序布局控件与 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">
...

结果是：如果我在桌面上调整 window 的大小或在移动设备上查看页面，左栏被隐藏（如预期的那样）。

但不幸的是，我没有获得访问左栏的句柄。我希望有一个菜单按钮或类似的按钮。

有人知道我做错了什么吗？提前致谢

Answer 1

'collapsible left menu' 功能只有在您的应用程序布局的左栏中有一个菜单（在生成的 HTML 中）包含使用 <ul> 标签（在 Bootstrap 布局中很常见）。我只是在左栏中尝试了这个：

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

它起作用了：它在我的布局中自动创建了一个带有默认标签 'Menu' 的按钮（可以使用 collapseLeftMenuLabel 属性进行更改）。该按钮仅在小屏幕上可见，并打开一个显示您创建的菜单选项的弹出菜单。

您可以通过在 XPages 中写入 HTML 来创建菜单，或者通过向左列添加一个 <xe:navigator> 控件来创建菜单：这也会在生成的菜单中创建一个 <ul><li> 结构HTML.

Xpages：ExtLib V12：具有 Bootstrap 配置的应用程序布局。可折叠的左栏

Xpages: ExtLib V12: Application Layout with Bootstrap Configuration. Collapsible left column

twitter-bootstrap

xpages

collapse

xpages-extlib