基于ajax的 页面 二级联动不刷新
首先看页面
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<h:form id="f3">
<rich:panel header="ajax 下拉列表的二级联动 实现">
<h:outputLabel value="国家" />:
<h:selectOneMenu id="country" valueChangeListener="#{userListAction.changeListeForCity}"
value="#{userListAction.country}" style="width:100px"
immediate="true">
<f:selectItems value="#{userListAction.countries}" />
<a4j:support event="onchange" reRender="city" immediate="true" />
</h:selectOneMenu>
<h:outputLabel value="城市" />:
<a4j:outputPanel>
<h:selectOneMenu id="city" value="#{userListAction.city}"
style="width:100px">
<f:selectItems value="#{userListAction.cities}" />
</h:selectOneMenu>
</a4j:outputPanel>
</rich:panel>
</h:form>
说明 主要是 通过 a4j:support 去监听值改变事件去更新 要联动的 h:selectOneMenu 的值
下面是 监听 值改变事件的 方法 changeListeForCity
/**
* 基于 ajax的 二级联动
* @param event
*/
public void changeListeForCity(ValueChangeEvent event){
cities.clear();
//通过该控件监听器 获取改变的新值
String newVal = (String) event.getNewValue();
if("CN".equals(newVal)){
cities.add(new SelectItem("WH","武汉"));
cities.add(new SelectItem("SZ","深圳"));
cities.add(new SelectItem("SH","上海"));
}else if("US".equals(newVal))
{
cities.add(new SelectItem("aa","aa"));
cities.add(new SelectItem("bb","bb"));
cities.add(new SelectItem("cc","cc"));
}else{
cities.add(new SelectItem("0","请选择"));
}
}
其实 最关键的地方 还是 immediate="true"的设置
分享到:
相关推荐
JSF配用A4J在jsp中进行的二级联动使用方法。
ajax4jsf ajax jsf 实例
jsf结合ajax实现文件上传,值得阅读
ajax4jsf jar ajax4jsf jar
JSF + ajax入门程序,有注释很多,适用JSF新手
介绍jsf ajax好书,欢迎下载哦 介绍jsf ajax好书,欢迎下载哦
Ajax4jsf 用户指南 目录 1. 介绍 2. 开始使用 Ajax4jsf 环境需求 下载 Ajax4jsf 安装 简单的 AJAX Echo 项目 JSP 页面 数据 Bean faces-config.xml Web.xml 部署 3. Ajax4jsf 框架的基本概念 ...
JSF入门教程 JSF标签 JSF的LIB Ajax4JSF使用手册 JSF项目的创建 包你入门
JSF-Ajax4jsf学习资料
jsf实现基于ajax的上传例子
ajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jarajax4jsf.jar
ajax4jsf.jar是在jsf中封装应用ajax功能的包,其优点是不用编写ajax的代码
ajax4jsf-demo
jboss-ajax4jsf-1.1.1-src 具体自己看吧
seam+jsf+richfaces+ajax4jsf相关电子书,做个备份吧!网上也很多的!
AJAX4JSF級聯,實現省份與城市,只是一個簡單的Demo,沒有詳細省市資料.
2. 开始使用Ajax4jsf 环境需求 下载Ajax4jsf 安装 简单的 AJAX Echo 项目 JSP 页面 数据 Bean faces-config.xml Web.xml 部署 3. Ajax4jsf 框架的基本概念 介绍 结构概览 如何做... 发送一个AJAX 请求 ...
本文档是一jar档的集合,适用于对AJAX4JSF的开始所需,因在网上下载AJAX4JSF时,经常无法正常进入!所以在此发布啦!此包中包括了AJAX4JSF开发所需的包,请下载啦
JSF JSF2.0 Ajax javaweb JSF与Ajax交互实现
JSF+RichFaces(Ajax4jsf)框架示例