Ajax4jsf所提供的靈活度是非常高。例如a4j:support等。通過實戰，這里想重點介紹一下a4j:jsFuction和a4j:actionparam兩個標簽.
a4j:jsFuction的有趣在于，它提供了一個客戶端request前，和request后的js功能的截取添加。為了理解這個概念。首先，把a4j:jsFuction看作一個js fuction.名字由name屬性來定義。如果我們給這個js fuction添加參數的話，可以在a4j:jsFuction里面加上 a4j:actionparam.作為一個函數參數，這里我們可以用el綁定server端的一個property。
我們也可以定義它的返回值。這里用data屬性。也有EL綁定server端的property。這樣一個完整的js功能函數就完成了。從這里看到，函數的邏輯完全是server端代理的。展開來講就是，server端通過a4j:actionparam設定了一個property A,并根據這個property A的設定，返回另一個propety B。而這個property B我們是通過data屬性來得到的。（如果在server端兩個property的關系是通過一個logic 函數來完成的話，我們可以直接用actionExpression屬性來調用這個函數。那么這里，在a4j:jsFuction函數body的定義就是通過actionExpression.)
最后，調用a4j:jsFuction定義的function。如同一般的js fuction,我們可以在任意dhtml event中調用，譬如在一個jsf tag中添加onClick來調用。
依此，可以看到a4j:jsFuction主要是加了個js的功能外殼。（必須注意的是，它必須在一個form里。象這樣必須在form中的ajax4jsf tag還有很多，譬如a4j:poll)。之所以說它靈活是因為，我們可以通過oncomplete這個屬性，來使用從server端來的返回值作為任意js函數的參數，并調用這個js函數。如果頁面有需要update的控件的話，還可以用reRender屬性來重新render一下各別需要更新的頁面控件。
可見，a4j:jsFunction如同一個外部js庫和內部java bean的熔接點。可以非常方便的使用例如google,yahoo提供的js服務。
下面為一個Demo:
<script language="javascript">
function changeBegin(){
alert("good");
var _name = "good";
processMethod(_name);
}
function changeFinish(data){
alert("finish");
alert(data);
}
</script>
<body>
<h:form>
<a4j:jsFunction oncomplete="changeFinish(data);" name="processMethod"
data="#{valueChangeTest.name},#{valueChangeTest.age}"
actionListener="#{valueChangeTest.ActionListenerTest}"
action="#{valueChangeTest.valueChange}">
<a4j:actionparam name="param1" value="what"
assignTo="#{valueChangeTest.name}" />
</a4j:jsFunction>
<a4j:commandButton type="submit" value="good" onclick="changeBegin();" />
</h:form>
</body>
Backing bean:
public class ValueChangeTest {
private String name = "張三";
private String age = "23";
private Log log = LogFactory.getLog(ValueChangeTest.class);
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getAge() {
return age;
}
public void setAge(String age) {
this.age = age;
}
public void valueChange() {
setName("李四");
log.info("value change invoke!");
}
public void ActionListenerTest(ActionEvent e){
log.info("action event invoke!");
}
public void valueAction(ActionEvent e) {
log.info("age: "+ getAge());
log.info("name: "+ getName());
}
}
result: 會以次彈出good\李四\finish\(李四,23) 等記錄
這個tag還有其他的一些有用屬性，那都已經是錦上添花的事了。
posted on 2008-05-28 16:27
紫蝶∏飛揚↗ 閱讀(5435)
評論(4) 編輯 收藏 所屬分類:
JSF