xe:navigator,expandable:如何替换" twisties"带一些自定义图标?

时间:2015-08-26 12:08:16

标签: xpages xpages-extlib

对于导航,我使用xe:navigator并包含xe:basicContainerNodes,而xe:pageTreeNodes又包含xe:navigator。相反,经典的设计,我会说。

如果我将<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> 标记为&#34; 可展开&#34;所有容器节点都显示出乍一看似乎是经典的东西&#34; twisties &#34;这样用户就可以折叠/展开它们。

这很好,但我喜欢更换&#34; twisties&#34;带有图标显示&#34; + &#34;或&#34; - &#34;因为这就是我在应用程序中的其他地方使用的内容。

查看我的导航器的渲染html代码,我看到&#34; twisties&#34;实际上是通过css:

应用背景精灵的链接
<span>

(顺便说一下:链接中的display:none似乎是假元素,因为它设置为var showingAll = false func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return showingAll ? self.linesmain["Audi"]!.count + 1 : 0 } @IBAction func option1(sender: UIButton) { showingAll = true tableView.beginUpdates() let insertedIndexPathRange = 0..<self.linesmain["Audi"]!.count + 1 var insertedIndexPaths = insertedIndexPathRange.map { NSIndexPath(forRow: $0, inSection: 0) } tableView.insertRowsAtIndexPaths(insertedIndexPaths, withRowAnimation: .Fade) tableView.endUpdates() }

检查精灵我实际上找到了一些&#34; + &#34;图标但没有&#34; - &#34;的。

问题:除了建立我自己的精灵并替换原来的精灵之外,是否还有可能达到我的目标?

更新: 另一个有用的选项是使容器的标签可以点击,以便用户可以通过点击标题标签来展开/折叠容器。这有什么想法吗?

更新#2: 显然没有太多回复;)。同时我通过切换到基于手风琴的导航仪来解决它;更多的编程工作,但更好看...

1 个答案:

答案 0 :(得分:0)

通过切换到手风琴来解决它。看起来更好但是更多的编程工作(保持正确的手风琴面板打开并标记当前选择的菜单条目)