将javascript代码传递给Custom Control

时间:2012-04-24 05:47:25

标签: xpages

我需要将javascript代码(服务器端和客户端)传递给自定义控件,然后应该在自定义控件内的点击按钮上执行。

为此我在自定义控件中创建了一个属性,比如codessjs,类型为javax.faces.el.MethodBinding,编辑器为方法绑定编辑器。在单击按钮(在自定义控件内)我写了这样的代码:

compositeData.codessjs.invoke(facesContext, null)

但是尽管代码存在于XPage源代码中,它仍然会导致错误'compositeData.codessjs' is null。如何让代码执行?

对于客户端javascript代码,我可以在自定义控件属性中找到编辑器Client side script editor,但该属性的类型应该是什么?如何在自定义控件中执行csjs代码?

2 个答案:

答案 0 :(得分:5)

如果要以这种方式使用方法绑定,则必须创建方法绑定作为自定义控件的参数:

<xc:ccMethod>
   <xc:this.codessjs>
      <![CDATA[#{javascript:
         var app = facesContext.getApplication();
         app.createMethodBinding("#{javascript:print('HELLO!');}", null);
       }]]>
   </xc:this.codessjs>
</xc:ccMethod>

然后,您在自定义控件中的按钮可以调用该方法。 在这种情况下,按钮会将 HELLO!打印到服务器控制台。

修改
CSJS属性的类型是字符串。要执行CSJS代码,您可以将自定义控件中的按钮修改为:

<xp:button value="Label" id="button1">
   <xp:eventHandler event="onclick" submit="false">
      <xp:this.script><![CDATA[#{javascript:compositeData.codecsjs}]]></xp:this.script>
   </xp:eventHandler>
</xp:button>

在XPage中,可以通过以下方式填充自定义控件属性:

<xc:ccCSJS>
   <xc:this.codecsjs>
      <![CDATA[alert("ABC");]]>
   </xc:this.codecsjs>
</xc:ccCSJS>

希望这有帮助

斯文

答案 1 :(得分:0)

您是否尝试过JavaScript eval功能?它适用于服务器端JSp>