twitter-bootstrap - 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">
...

结果是:如果我在桌面上调整窗口大小或在移动设备上查看页面，左列将被隐藏(如预期)。

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

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

Answer 1

仅当您的应用程序布局的左栏中有一个菜单(在生成的 HTML 中)包含使用 <ul> 的菜单选项列表时，“可折叠左侧菜单”功能才起作用。标签(在 Bootstrap 布局中很常见)。我刚刚在左栏中尝试过:

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

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

您可以通过在 XPage 中编写 HTML 或添加 <xe:navigator> 来创建菜单。控制到左列:这也会创建一个 <ul><li>生成的 HTML 中的结构。