2014-08-29 172 views

回答

3

使用XE:POPUPMENU从扩展库

而这个函数在客户端的JavaScript上的按钮

XSP.openMenu(thisEvent,#{javascript:getComponent('popupMenu1').getMenuCtor()}) 

其中popupMenu1是的名称xe:popupMenu

这是一个工作实例e单击按钮时弹出菜单。

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xe="http://www.ibm.com/xsp/coreex"> 

    <xe:popupMenu id="popupMenu1"> 
     <xe:this.treeNodes> 
      <xe:basicLeafNode label="Entry 1" submitValue="Entry1"></xe:basicLeafNode> 
      <xe:basicLeafNode label="Entry2" submitValue="Entry2"></xe:basicLeafNode> 
     </xe:this.treeNodes> 
     <xp:eventHandler event="onItemClick" submit="true" 
      refreshMode="partial" refreshId="computedField1"> 
      <xe:this.action><![CDATA[#{javascript:var computedField1:com.ibm.xsp.component.xp.XspOutputText = getComponent("computedField1"); 
var popupMenu1:com.ibm.xsp.extlib.component.outline.UIOutlinePopupMenu = getComponent("popupMenu1"); 
viewScope.Clicked=context.getSubmittedValue() 
}]]></xe:this.action> 
     </xp:eventHandler></xe:popupMenu> 
    <xp:button value="Click me" id="button1"> 
     <xp:eventHandler event="onclick" submit="false"> 
      <xp:this.script><![CDATA[XSP.openMenu(thisEvent,#{javascript:getComponent('popupMenu1').getMenuCtor()})]]></xp:this.script> 
     </xp:eventHandler></xp:button> 
    &#160; 
    <xp:text escape="true" id="computedField1" value="#{viewScope.Clicked}"></xp:text></xp:view> 
+0

它不适合我。 – 2014-08-29 08:28:47

+0

做了我的示例工作,请标记答案为好,并解决此问题 – 2014-08-31 11:45:21