ADF 中应用Javascript

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);    }

1 楼 TXterran 2012-11-19   JSF家族的精华在于ppr和render，这个是最有学习价值的

查看更多 下一篇