ADF 中使用Javascript
1.引用JS文件
<af:document> <af:resource type="javascript" source="/customJsCode.js"/>
…
</af:document>
2.定义JS代码
<af:document>
<af:resource type="javascript">
function customJsFunction(){
…
}
</af:resource>
…
</af:document>
3.客户端组件
1)使用af:clientListener来监听组件的各种事件。
设置组件的clientComponent属性 为 true。
2)获得组件
在ADF中能过AdfPage.PAGE对象来管理页面,可以通过下面的方法来查找页面上的组件。
AdfPage.PAGE.findComponent,它是通过组件的客户端ID去查找组件,但是这个ID是不稳定的,会变化,因此建议应该在运行时由server端组件读取该ID,动态地加到JavaScript中。
AdfPage.PAGE.findComponentByAbsoluteId ,这是一个推荐的方法,使用绝对ID去查找。
3)客户端事件
AdfComponentEvent是所有ADF组件事件的父类,它的queue(Boolean isPartial)可以使定义在组件上的事件排到事件队列里。
例如,如果用户想用JS去调用一个按钮上的事件,可以使用AdfActionEvent.queue(commandButton, true | false)。
AdfBaseEvent 里定义了 cancel(), stopBubbling(),setPartial() 去改变事件的行为。
调用event.cancle()去阻止server对事件的操作。
4)传递参数
<af:clientListener .../>
<af:clientAttribute name="colname" value="#{tableRow.bindings.firstName.name}"/>
------------------------------------------
function copyValueToSelectedRows(evt) {
var txtField = evt.getSource();
txtField.getProperty('colname');
}
4.从客户端用JS调用server端的JAVA代码,即使用ADF的AJAX
首先,使用af:clientListener 给客户端的按钮或某个需要事件的组件注册一个client listener, 它允许JS函数去监听组件的选择,鼠标移动,点击,键盘等多个事件。
<af:clientListener method="onDoubleClick" type="dblClick"/>
JS代码
function onDoubleClick (event) {
var docComponment = AdfPage.PAGE.findComponentByAbsoluteId("d2");
AdfCustomEvent.queue(docComponment,
" sayHello ",
{} ,
true);
}
其次,使用af:serverListener注册一个server listener,当客户端事件被触发时它将会被执行。server listener的代码被定义在managed bean方法里,这个方法参数是ClientEvent最后返回空。
<af:serverListener type="sayHello" method="#{helloManagedBean.sayhello}"/>
helloManagedBean的方法
public void sayHello(ClientEvent clientEvent){
DCIteratorBinding helloIterator = ADFUtils.findIterator("helloIterator");
Row row = helloIterator.getCurrentRow();
....
}
这样,当客户端的某个组件如button的事件被触发时就会调用写在helloManagedBean中的sayHello方法。
5.ADF还提供了在JAVA代码中执行JS的方法
例如,在某个操作后,想让页面跳转
private void skip(String page){
ExtendedRenderKitService erks =Service.getRenderKitService(FacesContext.getCurrentInstance(),
ExtendedRenderKitService.class);
String script = "window.location.replace(\"" + page+ "\")";
erks.addScript(FacesContext.getCurrentInstance(), script);
}