Ajax4jsf所提供的靈活度是非常高。例如a4j:support等。通過實(shí)戰(zhàn)，這里想重點(diǎn)介紹一下a4j:jsFuction和a4j:actionparam兩個(gè)標(biāo)簽.
a4j:jsFuction的有趣在于，它提供了一個(gè)客戶端request前，和request后的js功能的截取添加。為了理解這個(gè)概念。首先，把a(bǔ)4j:jsFuction看作一個(gè)js fuction.名字由name屬性來定義。如果我們給這個(gè)js fuction添加參數(shù)的話，可以在a4j:jsFuction里面加上 a4j:actionparam.作為一個(gè)函數(shù)參數(shù)，這里我們可以用el綁定server端的一個(gè)property。
我們也可以定義它的返回值。這里用data屬性。也有EL綁定server端的property。這樣一個(gè)完整的js功能函數(shù)就完成了。從這里看到，函數(shù)的邏輯完全是server端代理的。展開來講就是，server端通過a4j:actionparam設(shè)定了一個(gè)property A,并根據(jù)這個(gè)property A的設(shè)定，返回另一個(gè)propety B。而這個(gè)property B我們是通過data屬性來得到的。（如果在server端兩個(gè)property的關(guān)系是通過一個(gè)logic 函數(shù)來完成的話，我們可以直接用actionExpression屬性來調(diào)用這個(gè)函數(shù)。那么這里，在a4j:jsFuction函數(shù)body的定義就是通過actionExpression.)
最后，調(diào)用a4j:jsFuction定義的function。如同一般的js fuction,我們可以在任意dhtml event中調(diào)用，譬如在一個(gè)jsf tag中添加onClick來調(diào)用。
依此，可以看到a4j:jsFuction主要是加了個(gè)js的功能外殼。（必須注意的是，它必須在一個(gè)form里。象這樣必須在form中的ajax4jsf tag還有很多，譬如a4j:poll)。之所以說它靈活是因?yàn)椋覀兛梢酝ㄟ^oncomplete這個(gè)屬性，來使用從server端來的返回值作為任意js函數(shù)的參數(shù)，并調(diào)用這個(gè)js函數(shù)。如果頁面有需要update的控件的話，還可以用reRender屬性來重新render一下各別需要更新的頁面控件。
可見，a4j:jsFunction如同一個(gè)外部js庫和內(nèi)部java bean的熔接點(diǎn)?？梢苑浅７奖愕氖褂美鏶oogle,yahoo提供的js服務(wù)。
下面為一個(gè)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: 會(huì)以次彈出good\李四\finish\(李四,23) 等記錄
這個(gè)tag還有其他的一些有用屬性，那都已經(jīng)是錦上添花的事了。
posted on 2008-05-28 16:27
紫蝶∏飛揚(yáng)↗ 閱讀(5438)
評(píng)論(4) 編輯 收藏 所屬分類:
JSF