XPages 菜单中的动态渲染公式

Question

我在 XPages 中创建了一个计算菜单，其中包含基于用户角色呈现的规则。 我的菜单的值是根据计算字段中的视图计算得出的。 这是我的菜单代码：

<div id='cssmenu'>
<ul><li class='active has-sub'>
<a href='#'>Title1</a>
<ul>
<xp:text escape="true" disableTheme="true" contentType="html">
<xp:this.value>
<![CDATA[#{javascript:var arr= @DbColumn(@DbName(), "vwMenu", 4);
arr.join("");}]]>
</xp:this.value>
</xp:text>
</ul>
</li>
</ul>
</div>

我的数组中的一个元素的值给出了例如这个代码：

<li class='has-sub'>
<a href=https://mylink.com>Link1</a>
<xp:panel>
<xp:this.rendered>
<![CDATA[${javascript:context.getUser().getRoles().contains('[USER1]')}]]>
</xp:this.rendered>
<ul>
  <li><a href=https://MyPage.com>Link2</a></li>
 </ul>
</xp:panel>
</li>

菜单看起来很好，所以 html 代码没问题。但是关于 link2 上的可见性的 xml 部分没有。链接 2 不可见，无论连接用户的角色如何。我认为这是我在 javascript 代码中使用 xml 代码时发生的问题。 可能是因为我的计算域的内容类型是html，而我的渲染代码是xml。

Answer 1

您忘记用撇号 ' 括起来 href 属性：

  <li class='has-sub'>
            <a href='https://mylink.com'>Link1</a>
            <xp:panel>
                <xp:this.rendered>
    <![CDATA[${javascript:context.getUser().getRoles().contains('[USER1]')}]]>
                </xp:this.rendered>
                <ul>
                    <li>
                        <a href='https://MyPage.com'>Link2</a>
                    </li>
                </ul>
            </xp:panel>
        </li>

Answer 2

方法.contains() 区分大小写。确保 ACL 中设置的角色正好是 [USER1]。你渲染的代码对我来说很好。

您可以在渲染代码中添加一些打印以用于测试目的：

        <xp:this.rendered>
            <![CDATA[${javascript:
                print(context.getUser());
                print(context.getUser().getRoles());
                context.getUser().getRoles().contains('[USER1]')}]]>
        </xp:this.rendered>

您可以在服务器控制台看到代码中真正发生的情况：

href 值必须用引号或单引号括起来。否则，您会收到语法错误，并且您在 XPage 上所做的更改不会生效。

更新

正如您在 cmets 中提到的，您将 HTML 和包含的 JavaScript 代码放入计算字段中。这不起作用，因为内容直接发送到浏览器，并且这种方式包含的 JavaScript 代码不会在服务器上执行。

改为使用重复控件来创建菜单项：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
    xmlns:xp="http://www.ibm.com/xsp/core">
    <ul>
        <li>
            <a href="https://mylink.com">Link1</a>
            <xp:panel>
                <xp:this.rendered>
                    <![CDATA[${javascript:
                        context.getUser().getRoles().contains('[USER1]')}]]>
                </xp:this.rendered>
                <ul>
                    <xp:repeat
                        var="link">
                        <xp:this.value><![CDATA[#{javascript:
                            ["https://MyPage.com", "https://www.google.com"]
                        }]]></xp:this.value>
                        <li>
                            <a href="#{link}">
                                <xp:text escape="true"
                                    value="#{javascript:'Link to ' + link}" />
                            </a>
                        </li>
                    </xp:repeat>
                </ul>
            </xp:panel>
        </li>
    </ul>
</xp:view>