HTML:
<script type="text/javascript" src="extjs.js"></script>
<f:view>
<div id="MyPageGrid" ></div>
<h:form prependId="false">
<a4j:jsFunction oncomplete="changeFinish(data);" name="processMethod"
data="#{ValueChangeTest.name},#{ValueChangeTest.age}"> //李四,23
</a4j:jsFunction>
<a4j:commandButton type="submit" value="good" onclick="changeBegin();" /> //必须用函数先激活JS.如:onclick
</h:form>
</f:view>
JS:
function changeBegin(){
alert("good");
var _name = "good";
processMethod(); //调用a4j:jsFunction产生的JS,如上面name值.即为产生一个名为processMethod的JS函数
}
function changeFinish(data){
alert("finish");
alert(data); //李四,23
}
输出:
依次弹出good/finish/李四,23 对话框.
原文地址:http://www.blogjava.net/algz/articles/207714.html
分享到:
相关推荐
A4J与JSF的结合非常紧密,它们共同构建了一个强大的富互联网应用程序(RIA)开发平台。开发者可以利用JSF的声明式编程模型,同时享受A4J带来的AJAX功能。A4J的AJAX请求可以与JSF的生命周期紧密结合,确保服务器端的...
3. **Ajax集成**:A4J与JSF紧密集成,提供了丰富的Ajax组件库,使得开发者能够轻松地添加Ajax功能到现有的JSF应用中。这些组件可以实现局部刷新、实时数据反馈等功能。 4. **可扩展性**:A4J框架允许开发者自定义...
A4J与JSF的结合,使得开发者能够轻松地在JSF应用中集成复杂的异步功能。 **一、A4J基础知识** 1. **A4J组件**:A4J提供了一系列的UI组件,如`<a4j:commandButton>`、`<a4j:commandLink>`等,它们扩展了JSF的原生...
- **A4j与JSF的集成**:展示如何使用A4j库增强JSF应用的用户体验,比如异步数据刷新和实时验证。 - **Spring的依赖注入**:如何通过Spring配置文件管理组件和服务,实现依赖的自动注入。 - **Spring MVC**:Spring...
它通过后台与服务器进行少量数据交换,使用户感觉页面响应更快,提升了用户的交互体验。Ajax的核心技术包括JavaScript、XMLHttpRequest对象和DOM(Document Object Model)。 **JSF**(JavaServer Faces)是Java...
A4J,全称为Ajax4jsf,是一个用于JavaServer Faces (JSF)应用程序的库,它提供了丰富的AJAX功能,使用户界面更加交互性和响应性。A4J是RichFaces框架的一部分,允许开发者在JSF应用中实现异步数据更新,而无需刷新...
Ajax4jsf,也称为RichFaces或A4J,是用于将AJAX(Asynchronous JavaScript and XML)技术集成到JavaServer Faces(JSF)应用程序中的组件库和框架。它由Red Hat公司开发,旨在为开发者提供一个强大的工具集,以便在...
**A4J (Ajax for Java)**:A4J是RichFaces项目的一部分,为JSF提供了一种强大的AJAX(Asynchronous JavaScript and XML)支持。它允许开发者在不刷新整个页面的情况下更新部分视图,提升了用户体验。 **Spring**:...
Ajax4jsf组件库包括一系列的标签,如a4j:ajaxListener、a4j:region、a4j:page、a4j:support等,它们使得在JSF页面中添加Ajax行为变得更加简单。例如,a4j:ajaxListener可以监听页面上的特定事件并触发Ajax响应,而a4...
学习Ajax4JSF,你将掌握如何在JSF应用中集成Ajax,创建异步交互,以及使用其提供的各种Ajax组件,如`a4j:support`和`a4j:commandButton`。 5. **JSF项目的创建**:这部分教程会指导你从零开始创建一个完整的JSF项目...
这份中文手册详细介绍了如何将Ajax功能与JSF结合使用,使得Web应用程序更为高效且用户友好。 ### 1. Ajax4JSF简介 Ajax4JSF是RichFaces项目的一部分,旨在简化JSF应用中的Ajax开发。它通过在JSF组件上添加Ajax行为...
**Ajax请求的发送**:在JSF页面中,你可以使用Ajax4JSF提供的组件,如`a4j:support`或`a4j:commandButton`,来触发Ajax请求。这些组件可以绑定到特定的事件,当事件发生时,会向服务器发送异步请求。 **决定发送...
**Ajax4JSF(a4j)例子** Ajax4JSF,简称a4j,是RichFaces项目的一部分,它提供了一种在JavaServer Faces (JSF) 应用程序中集成Ajax功能的方法。Ajax4JSF使开发者能够在不刷新整个页面的情况下更新JSF组件,从而...
这个框架允许开发者在JSF应用中轻松实现异步数据更新,提升用户界面的交互性和响应性,无需深入学习复杂的JavaScript或Ajax技术。 ### 1. Ajax4JSF简介 Ajax4JSF 是基于JSF 1.x 和 RichFaces 3.x 的一个组件库,...
在这个示例中,`<a4j:commandButton>` 的 `action` 属性指向一个后台方法(如 `#{bean.refresh}`),该方法会执行必要的业务逻辑,例如重新加载或更新数据。`render` 属性则指定了需要刷新的组件 ID —— 在这里为 ...
该框架使开发者无需编写JavaScript代码就能实现Ajax交互,同时充分利用JSF的优势,如生命周期管理、验证、转换以及组件的灵活性。Ajax4JSF的设计目标是无缝集成到JSF生命周期中,提供Action和Value Change监听器、...
4. **使用A4J组件**:在JSF视图层中,可以使用 `<a4j:commandButton>`、`<a4j:outputPanel>` 等组件来创建AJAX行为。 5. **测试和调试**:进行功能测试,确保AJAX请求正确触发,页面更新无误。 通过以上步骤,...
- 配置Ajax行为,例如通过`<a4j:ajax>`标签实现异步更新。 - 定制皮肤和主题,调整CSS样式。 通过理解JSF框架基础和RichFaces的特性,开发者可以构建出高效、用户友好的Web应用。在不断发展的JavaScript世界中,...
- **编写JSF页面**:在XHTML页面中使用Ajax4JSF提供的组件和行为,如`<a4j:commandButton>`、`<a4j:region>`等。 - **配置应用**:在web.xml中配置Ajax4JSF的过滤器和监听器,以启用Ajax功能。 - **测试和调试**:...