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";
var _age = "24";
processMethod(_name,_age);
}
function changeFinish(data){
alert("finish");
alert(data);
}</script>
<body>
<h:form>
<a4j:jsFunction oncomplete="changeFinish(data);" name="processMethod"
data="#{jsFunctionBean.name},#{jsFunctionBean.age}"
actionListener="#{jsFunctionBean.ActionListenerTest}"
action="#{jsFunctionBean.valueChange}">
<a4j:actionparam name="param1" value="what"
assignTo="#{jsFunctionBean.name}" />
<a4j:actionparam name="param2" value="what"
assignTo="#{jsFunctionBean.age}" />
</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) 等记录
分享到:
相关推荐
Jupyter-Notebook
考研公共课历年真题集-最新发布.zip
2006-2023年上市公司资产误定价Misp数据集(4.9万样本,含原始数据、代码及结果,最新).zip
Jupyter-Notebook
Jupyter-Notebook
100个Origin软件高效使用技巧大全-最新更新.zip
Jupyter-Notebook
煤矿感知数据联网接入规范 第2部分:重要设备
1、资源内容地址:https://blog.csdn.net/abc6838/article/details/143777985 2、数据特点:今年全新,手工精心整理,放心引用,数据来自权威,且标注《数据来源》,相对于其他人的控制变量数据准确很多,适合写论文做实证用 ,不会出现数据造假问题 3、适用对象:大学生,本科生,研究生小白可用,容易上手!!! 4、课程引用: 经济学,地理学,城市规划与城市研究,公共政策与管理,社会学,商业与管理
KSSJ_CJ15-2023
全国电子地图行政区划道路水系数据-最新shp.zip
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。
全国乡镇级行政区划矢量数据2.0版-最新.zip
Jupyter-Notebook
Typora(version 1.2.3)导出 pdf 自定义水印的 frame.js 文件,详情可以查看:
【作品名称】:基于Java 实现的电脑鼠走迷宫的软件程序 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】: 迷宫地图生成算法的设计和实现 自动生成迷宫:根据迷宫生成算法自动生成一定复杂度的迷宫地图。 手动生成迷宫:根据文件中存储的固定数据生成迷宫地图。 单路径寻找算法的设计与实现:找出迷宫中一条单一的通路。 迷宫遍历算法的设计与实现:遍历迷宫中所有的可行路径。 最短路径计算算法的设计与实现:根据遍历结果,找出迷宫中所有通路中的最短通路。 (3)第二部分:界面展示部分 生成迷宫地图界面的设计与实现:根据生成的迷宫地图,用可视化的界面展现出来。 界面布局的设计与实现:根据迷宫程序的总体需求,设计和实现合理的界面布局。 相关迷宫生成过程和寻路算法在界面上的展现:将迷宫程序中的相关功能,跟界面合理结合,并采用一定的方法展 【资源声明】:本资源作为“参考资料”而不是“定制需求”,代码只能作为参考,不能完全复制照搬。需要有一定的基础看懂代码,自行调试代码并解决报错,能自行添加功能修改代码。
基于Selenium前端自动化测试工具,对youtube和tiktok数据进行爬虫,可设置自己要爬取的内容和主题,快速便捷。
Jupyter-Notebook
gkt
Jupyter-Notebook