ADF 客户端代码调用服务器方法

目标：如何在客户端调用JS代码，并调用生成的bean里的函数

步骤一：首先要给要加载的控件添加控件clientListener，然后添加serverListener，要调用这两个监听器，一定要将被夹在的控件的clientComponent置为true，否则无法调用监听器。

eg:

<af:commandButton text="commandButton 1" clientComponent="true">

<af:clientListener method="dbClickTable" type="action"/>

<af:serverListener type="dbClickServer" method="#{backingBeanScope.EmployeeTable.dbClickTo}"/>

</af:commandButton>

其中clientListener中的method为在JS文件中添加的JavaScript函数名称，type为操作方式。

serverListener中的type是用来定义给客户端的，客户端通过定义的type来通知服务器端，服务器端监听到这个事件后调用managerBean里的函数。

在JavaScript里面添加了如下的代码：

function dbClickTable(event){

             var source = event.getSource();

            AdfCustomEvent.queue(source,"dbClickServer",{},true);

}

其中的event是从页面获取的事件，通过getSource()函数页面的事件对象，其中AdfCustomEvent.queue函数中的第二个参数是serverListener中定义的类型，通过这个来通知服务器端调用managerBean里的函数。在这里总结了一下clientListener和serverListener是如何工作的：当触发一个事件的时候(如用鼠标点击按钮)，客户端监听器脚本启动，脚本首先调用AdfCustomEvent.queue()方法，方法里的一个事件被启动，这个事件就是服务器端定义的type，服务器端监听到这个事件后，执行与其关联的bean方法。

在学习的过程中遇到过一个问题，就是在使用clientListener的时候，类型定义的问题，就是对于不同的被加载的控件，所使用的clientListener的类型有要求，譬如对command类型的控件，类型可以定义为action，但是如果定义成click的时候，在调用JS代码的时候，无法通过getSource获取页面的事件对象，刚开始的时候试了几次都没有成功，后来查了资料，想了一下，这大概适合每个控件的生命周期有关系，不同的控件的生命周期不一样，因为action可以用于所有的command控件，而click只是用于用户点击一个控件的时候。