XPages中的浮动工具栏/动作栏/按钮栏？

Question

有没有人有类似于Lotus Notes client中的操作栏的xXages浮动工具栏？

我希望在滚动浏览器时，工具栏保持在浏览器的顶部。

扩展页面工具栏看起来真的很不错，但首先它只处理客户端代码，并且它看起来不是浮动的。

Answer 1

Float是您可以使用CSS和以下内容完成的操作：

position: fixed;
top: 0;

对于XPages扩展库xe:toolbar控件，您需要在自定义样式表中使用覆盖以下样式类：

.tundra .dijitToolbar {
  position: fixed;
  top: 0;
}

然后你有一个浮动工具栏，当用户滚动时，它会停留在窗口的顶部。

工具栏也执行服务器端代码，因为它使用了TreeNodes和onItemClick事件，您可以在其中添加服务器端代码。

Answer 2

谢谢已经给出了大致相同的答案。这是一个抄送。

<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

<xp:this.resources>
    <xp:styleSheet href="/PNC001.css"></xp:styleSheet>
</xp:this.resources>
<xp:panel id="toolbar" styleClass="PNCToolBar">

    <xp:callback facetName="ButtonBar" id="callback1"></xp:callback>
</xp:panel>

​

CSS

.PNCToolBar {
position:fixed;
top:0px;
left:0px;
width:100%;
height:46px;
color:#fff;
background:#F2F2F2;
padding-top:6.0px;
padding-left:15.0px
 }