Xpages - 使用 Dojo 模块

Question

我有一个自定义控件，如下所示，它主要用于创建菜单。当我在 xpage 中使用此自定义控件时，没有应用任何样式。但是，当我在同一个 xpage 中使用日期时间选择器时，菜单可以使用适当的 css 正常加载。看起来很奇怪。现在，我也在所有需要菜单的 xpages 中使用日期时间选择器。有人可以帮我解决这个问题

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.resources>
<xp:dojoModule name="dijit.MenuBar"></xp:dojoModule>
<xp:dojoModule name="dijit.PopupMenuBarItem"></xp:dojoModule>
<xp:dojoModule name="dijit.Menu"></xp:dojoModule>
<xp:dojoModule name="dijit.MenuItem"></xp:dojoModule>
<xp:dojoModule name="dijit.PopupMenuItem"></xp:dojoModule>
</xp:this.resources>
<div dojoType="dijit.MenuBar" id="navMenu">
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/home.xsp')">
<span>Home</span>
</div>
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/onboarding.xsp')">
<span>OnBoarding</span>
</div>
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/offboarding.xsp')">
<span>OffBoarding</span>
</div>
</div>
</xp:view>

Answer 1

您必须设置 XPage 属性

dojoParseOnLoad="true"

在 Dojo 选项卡中设置属性“加载时触发 Dojo 解析”。然后你会得到一个不错的菜单，没有日期时间选择器。

日期时间选择器会导致在渲染期间自动设置此属性。您可以在此处查看渲染页面的属性:

<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.6.1/dojo/dojo.js"
... parseOnLoad: true"></script>