xe:navigator，可扩展：如何用一些自定义图标替换 "twisties"？
xe:navigator, expandable: how to replace the "twisties" with some custom icon?
对于导航，我使用 xe:navigator 并包含 xe:basicContainerNodes，后者又包含 xe:pageTreeNodes。相当经典的设计，我会说。
如果我将 xe:navigator 标记为“可扩展”，所有容器节点都会显示一些乍一看似乎是经典的东西“twisties" 以便用户可以折叠/展开它们。
这样还可以，但我想用显示“+”或“-[=47”的图标替换 "twisties" =]" 因为这就是我在应用程序中的其他地方使用的内容。
查看为我的导航器呈现的 html 代码，我发现 "twisties" 实际上是 link 具有通过 css 应用的背景精灵：
<a class="lotusSprite lotusArrow lotusTwistyOpenMenu" style="padding: 0px" role="button" href="#" onclick="javascript:XSP.oneUIMenuSwap(event,'wipe','view:_id1:_id2:facetLeft:_id278:outline_node_0')" title="Click to expand or collapse this section">
<span class="lotusAltText">▼</span>
</a>
（顺便说一句：link 中的 <span> 似乎是假元素，因为它被设置为 display:none）
实际上我发现了一些“+”图标，但没有“-”图标。
问题：除了构建我自己的 sprite 并替换原来的 sprite 之外，是否有可能实现我的目标？
更新： 另一个有用的选项是使容器的标签可点击，这样用户就可以通过点击它们来展开/折叠容器标题标签。有什么想法吗？
更新 #2： 显然没有太多回复；）。同时，我通过切换到基于手风琴的导航器解决了这个问题；需要更多的编程工作，但也更美观...
通过切换到手风琴解决了这个问题。看起来更好，但需要更多的编程工作（保持右侧手风琴面板打开并标记当前选定的菜单项）
对于导航，我使用 xe:navigator 并包含 xe:basicContainerNodes，后者又包含 xe:pageTreeNodes。相当经典的设计，我会说。
如果我将 xe:navigator 标记为“可扩展”，所有容器节点都会显示一些乍一看似乎是经典的东西“twisties" 以便用户可以折叠/展开它们。
这样还可以，但我想用显示“+”或“-[=47”的图标替换 "twisties" =]" 因为这就是我在应用程序中的其他地方使用的内容。
查看为我的导航器呈现的 html 代码，我发现 "twisties" 实际上是 link 具有通过 css 应用的背景精灵：
<a class="lotusSprite lotusArrow lotusTwistyOpenMenu" style="padding: 0px" role="button" href="#" onclick="javascript:XSP.oneUIMenuSwap(event,'wipe','view:_id1:_id2:facetLeft:_id278:outline_node_0')" title="Click to expand or collapse this section">
<span class="lotusAltText">▼</span>
</a>
（顺便说一句：link 中的 <span> 似乎是假元素，因为它被设置为 display:none）
实际上我发现了一些“+”图标，但没有“-”图标。
问题：除了构建我自己的 sprite 并替换原来的 sprite 之外，是否有可能实现我的目标？
更新： 另一个有用的选项是使容器的标签可点击，这样用户就可以通过点击它们来展开/折叠容器标题标签。有什么想法吗？
更新 #2： 显然没有太多回复；）。同时，我通过切换到基于手风琴的导航器解决了这个问题；需要更多的编程工作，但也更美观...
通过切换到手风琴解决了这个问题。看起来更好，但需要更多的编程工作（保持右侧手风琴面板打开并标记当前选定的菜单项）