//调pop画面按钮,触发ajax事件
<td align="left">
<p:inputText value="#{spp210Bean.m_Supplier.supplier_Sort_Name}" />
<h:graphicImage library="images" name="popup_1.png" onclick="getValue();" />
</td>
// getValue方法取得ajax对象,变更对象值,触发ajax
function getValue(){
var SUPPLIER_SORT_CODE1 = document.getElementById("spp210Form:SUPPLIER_SORT_CODE1");
var plan_List_Id = "100000000000016,100000000000017,100000000000018,";
var branch_Code = " ";
var branch_Name = " ";
SUPPLIER_SORT_CODE1.value = plan_List_Id+";"+branch_Code+";"+branch_Name+";";
jQuery(SUPPLIER_SORT_CODE1).change();
}
//ajax方法:
当触发ajax方法时,将参数传到后台bean中的stringParms变量并调用pageSet方法,完成时调用前台branchPopup方法
<h:inputText style="display:none" id="SUPPLIER_SORT_CODE1" value="#{ppn712Bean.stringParms}" >
<p:ajax event="change" process="@all" listener="#{ppn712Bean.pageSet}"
update="backval" oncomplete="branchPopup('PPN712.xhtml',
'{RES.PPN510_BTN_CONT_MAKE}', 600, 1000);return false;"/>
</h:inputText>
// ajax方法完成时调用branchPopup方法打开页面
function branchPopup(){
window.open('xxx.xhtml','睂訆商','height=600,width=1000,top=' + ((window.screen.height - 600) / 2 - 15) + ',left=' + ((window.screen.width - 1000) / 2 - 5)+ ',toolbar=no,menubar=no,scrollbars=yes, resizable=yes,location=no, status=no');
return false;
}
// BEAN中设置
// ajax传递参数
private String stringParms;
public void pageSet(){
String[] stringParmsArr = stringParms.split(";");
String plan_List_Id = stringParmsArr[0];
ppn712ViewBean.setPlan_List_Id(plan_List_Id.trim());
branch_Code = stringParmsArr[1].trim();
branch_Name = stringParmsArr[2].trim();
}
分享到:
相关推荐
- **处理Ajax请求**:在后台Bean中定义处理Ajax请求的方法,并通过JSF的EL表达式与页面组件进行交互。 - **测试和调试**:运行应用,通过浏览器的开发者工具查看Ajax请求和响应,进行测试和调试。 ### 4. Ajax4JSF...
- **动作事件**:JSF标签可以包含`action`或`actionListener`属性,当用户执行操作(如点击按钮)时,会调用后台Bean中对应的方法。例如,`<h:commandButton action="#{bean.submit}" />`会在用户点击按钮时执行`...
2. **Ajax事件处理**: 通过Ajax4JSF,开发者可以定义触发Ajax请求的用户事件,如按钮点击、表单提交等,并在后台处理这些事件后更新相应的视图。 3. **Ajax请求和响应**: 使用Ajax4JSF,开发者可以指定Ajax请求的...
3. **定义处理方法**:在后台 Managed Bean 中定义一个方法,这个方法将在Ajax请求被触发时执行。 4. **设置响应内容**:使用`<h:outputText>`或其他组件,定义Ajax请求返回后需要更新的页面部分。 5. **配置响应...
此外,它提供了事件处理机制,允许开发者在后台处理Ajax请求并更新模型和视图。 **7. 性能和最佳实践** 在使用Ajax4JSF时,需要注意性能优化,如减少不必要的网络请求,合理设计Ajax更新区域,避免全页面刷新,以及...
### JSF实现基于Ajax的文件上传案例解析 #### 核心知识点概述 本文将深入探讨如何利用JavaServer Faces (JSF) 和 Ajax 技术来实现一个用户友好的文件上传组件。传统上,通过HTML `<input type="file">` 标签进行...
【标题】"jboss-ajax4jsf-1.1.1-src" 是一...此外,通过运行示例或测试代码,开发者能够快速上手并体验Ajax4jsf带来的优势。最后,根据项目的实际需求,开发者可以自定义或扩展Ajax4jsf的功能,以满足特定的应用场景。
这个库简化了属性的访问和设置,通过提供一个动态调用属性的方法。在JSF应用中,BeanUtils可以帮助开发者更方便地操作和绑定后台Bean的属性,增强了代码的可读性和易维护性。 2. **commons-collections-3.1.jar**:...
**Ajax4JSF 使用中文手册** Ajax4JSF(全称是Ajax for JavaServer Faces)是一种集成在Java...通过学习这份手册,开发者可以更好地理解Ajax4JSF的工作原理,并有效地将其应用于实际项目中,提升Web应用的用户体验。
jsf结合ajax实现文件上传,值得阅读
Seam、JSF、RichFaces 和 Ajax4jsf 是四个重要的Java Web开发框架和技术,它们在构建现代、交互式Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其结合使用时的知识点。 **1. Seam** Seam是一个开源的Java...
ajax4jsf jar ajax4jsf jar
本资源包包含了JSF从入门到进阶的多个方面,包括基础教程、核心组件库(LIB)、Ajax4JSF的使用以及项目创建的指导,是学习JSF的宝贵资料。 1. **JSF入门教程**:JSF的基础知识讲解,涵盖了JSF的基本概念、架构和工作...
**Ajax4jsf 用户手册** 是一份详细的指南,旨在帮助开发者了解如何在JavaServer Faces (JSF)项目中集成和使用Ajax4jsf框架。该框架使得在JSF环境中实现Ajax功能变得更加简单,无需编写JavaScript代码,而是通过一组...
2. **数据通信优化**:AJAX可以与EJB中的Session Beans交互,以异步方式调用服务方法,获取或更新数据。这种方式减少了网络延迟,提高了响应速度。 3. **界面反馈**:EJB处理业务逻辑后,结果可以通过JSF组件显示在...
5. **配置JSF页面**:在JSF视图层,使用JSF组件(如h:outputScript)引入DWR生成的JavaScript代码,并创建对应的JavaScript函数调用Java服务。同时,可以通过JSF的EL表达式与后台JavaBean进行数据交互。 6. **实例...
### Ajax4jsf用户指南知识点总结 #### 一、引言 - **简介**:Ajax4JSF是一款开源框架,其主要目标是为JavaServer Faces(JSF)项目添加Ajax功能,无需编写JavaScript代码。 - **特点**: - 充分利用JSF框架的优点...
ajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jar