css - 根据某些 CSJS 条件从主题设置 CSS 资源的渲染属性？

Question

有什么方法可以根据某些 JavaScript 条件计算呈现的属性吗？

例如:

if document.compactMode == "BackCompat"

我找到的所有例子；使用 SSJS #{javascript:condition;}

例如:

<resource rendered="#{javascript:context.getUserAgent().isIE(0,6)}">
    <content-type>text/css</content-type>
    <href>global.css</href>
</resource>

怎么能这样混合呢:

<![CDATA[return document.compactMode == "BackCompat"? true: false;]]>

Answer 1

你不能使用 CSJS 来计算服务器端的东西。这在概念上是不可能的，因为 CSJS 是在浏览器中执行的，而主题是在服务器上计算的。

您可以做什么:执行一些 CSJS 并将结果发送到服务器。然后，您可以在服务器上处理此数据并对主题属性执行计算。

您可以打开一个着陆页，执行您的 CSJS，然后使用一些 URL 参数或 cookie 或...重定向到目标 XPage，然后您可以访问服务器端的数据。

<resource rendered='#{javascript:context.getUrlParameter("CSJS") == "1"}'>
   <content-type>text/css</content-type>
   <href>global.css</href>
</resource>

如果您使用 URL ?CSJS=1 打开 XPage，将添加 global.css。