posts - 2, comments - 18, trackbacks - 0, articles - 0
刚开始接触JSF的时候到处找双联菜单,后来自己写了个,是链接数据库的。 不过这里作为一个演示把数据库部分删除了,可直接运用
希望可以供初学JSF的朋友使用。

select.jsp
<%@page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ page language="java"%>
<html>
    
<f:view>
        
<head>
            
<title>Search_Advance</title>
        
</head>
        
<body>
            
<h:form>
                
<h:selectOneMenu value="#{selectItem.selectedOne}"
                    onchange
="this.form.submit();"
                    style
="position:absolute; left:95; top: 90; width:100; height:35"
                    valueChangeListener
="#{selectItem.selectedOneChange}">
                    
<f:selectItems value="#{selectItem.LMList}" />
                
</h:selectOneMenu>

                
<h:selectOneMenu value="#{selectItem.selectedTwo}"
                    style
="position:absolute; left:95; top: 135; width:100; height:35"
                    onchange
="this.form.submit();"
                    valueChangeListener
="#{selectItem.selectedTwoChange}"
                    immediate
="true">
                    
<f:selectItems value="#{selectItem.currentMCList}" />
                
</h:selectOneMenu>

                
<h:commandButton type="submit" value="OK"
                    style
="position:absolute; left: 140; top: 220;"
                    action
="#{selectItem.saveCondition}"/>
            
</h:form>
        
</body>
    
</f:view>
</html>

MySelect.java
package mypackage;

import java.util.LinkedList;
import java.util.List;
import java.util.Vector;
import javax.faces.event.ValueChangeEvent;
import javax.faces.model.SelectItem;

public class MySelect {

    
public List<SelectItem> LMList = new LinkedList<SelectItem>();;

    
public Vector<List<SelectItem>> MCList = new Vector<List<SelectItem>>();

    
public List<SelectItem> currentMCList = new LinkedList<SelectItem>();

    
public String selectedOne = new String();

    
public String selectedTwo = new String();

    
//INI----------------------------------------------------------------------
    public MySelect() throws Exception {

        
//This is just a sample.
        
//You colud add your DB connection here and INI you List from DataBase.
        LMList.add(new SelectItem("0_0"""));
        LMList.add(
new SelectItem("A_1""A"));
        LMList.add(
new SelectItem("B_2""B"));
        LMList.add(
new SelectItem("C_3""C"));

        List
<SelectItem> list0 = new LinkedList<SelectItem>();
        List
<SelectItem> list1 = new LinkedList<SelectItem>();
        List
<SelectItem> list2 = new LinkedList<SelectItem>();
        List
<SelectItem> list3 = new LinkedList<SelectItem>();

        list0.add(
new SelectItem(""""));

        list1.add(
new SelectItem(""""));
        list1.add(
new SelectItem("a1""a1"));
        list1.add(
new SelectItem("a2""a2"));

        list2.add(
new SelectItem(""""));
        list2.add(
new SelectItem("b1""b1"));
        list2.add(
new SelectItem("b2""b2"));

        list3.add(
new SelectItem(""""));
        list3.add(
new SelectItem("c1""c1"));
        list3.add(
new SelectItem("c2""c2"));

        MCList.add(list0);
        MCList.add(list1);
        MCList.add(list2);
        MCList.add(list3);
    }

    
public void selectedOneChange(ValueChangeEvent event) {

        
//valueChangeEvent of the first SelectOneMeun
        
//The action is about INI the list for the second SelectOneMeun
        String str = (String) event.getNewValue();
        
//Like you see, in the first SelectItems we hava "A_1"
        String[] ss = str.split("_");
        
//After this we got the index of the "A_1" and the index is "1"
        str = ss[1];

        
int index = Integer.parseInt(str);

        currentMCList 
= MCList.get(index);
    }

    
public void selectedTwoChange(ValueChangeEvent event) {
        
//valueChangeEvent of the second SelectOneMeun
        
//add action if you have
        System.out.println("selectedTwoChange");
    }

    
public void saveCondition() {
        
//add action if you have
        System.out.println("saveCondition");
    }

    
public List<SelectItem> getLMList() {
        
return LMList;
    }

    
public void setLMList(List<SelectItem> list) {
        LMList 
= list;
    }

    
public String getSelectedOne() {
        
return selectedOne;
    }

    
public void setSelectedOne(String selectedOne) {
        
this.selectedOne = selectedOne;
    }

    
public String getSelectedTwo() {
        
return selectedTwo;
    }

    
public void setSelectedTwo(String selectedTwo) {
        
this.selectedTwo = selectedTwo;
    }

    
public List<SelectItem> getCurrentMCList() {
        
return currentMCList;
    }

    
public void setCurrentMCList(List<SelectItem> currentMCList) {
        
this.currentMCList = currentMCList;
    }
}

faces-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<faces-config>
    
<managed-bean>
        
<managed-bean-name>selectItem</managed-bean-name>
        
<managed-bean-class>
            mypackage.MySelect
        
</managed-bean-class>
        
<managed-bean-scope>session</managed-bean-scope>
    
</managed-bean>
</faces-config>


Feedback

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-08-15 23:14 by
值变事件 提交form 刷新整个页面 会非常不爽 建议用a4j

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-08-15 23:15 by
看到这个回复功能了么 没刷新吧

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-08-15 23:54 by 一只小苹果
a4j确实可以, 我也是新手, 见谅见谅。。。

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-08-16 08:46 by 网事随風
使用a4j不刷新页面.这种方式刷新页面太历害了,不推荐使用.

# re: JSF: 双联菜单(双级联动菜单)实例,源代码[未登录]  回复  更多评论   

2007-08-16 11:38 by 小牧
我在A4J中使用也遇到了问题,不知为什么使得原来的h:DataTable中所有的h:commandLink都失效了。我的qq:530134120

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-08-17 10:13 by Tendy
@小牧
有些组件使用 A4J 会出问题,不过是哪些组件我不知道,呵呵
另外,commandLink 这个组件有一些 bug

JSF 的调试很困难
你可以试试把 commandLink 去掉,
测试页面其他组件在 A4J 下是不是都正常
如果不正常,找找其他组件的原因

如果其他组件正常,再加回 commandLink 组件,
把 managed-bean 的范围改为 session 试试

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-11-08 01:18 by luping
嗯,,刷新太厉害了.

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-11-16 13:11 by xing
谢谢!

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2007-12-07 20:42 by petter
楼主有时间把aj4的实现方式也贴出来吧!免得大家来了白来!

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2008-05-08 19:18 by vboy14
看看回复效果

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2008-08-13 19:40 by ML
看看

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2009-03-20 15:57 by jghj
ghjhjg

# re: JSF: 双联菜单(双级联动菜单)实例,源代码[未登录]  回复  更多评论   

2009-04-03 13:26 by qq
qq

# re: JSF: 双联菜单(双级联动菜单)实例,源代码[未登录]  回复  更多评论   

2010-10-26 16:47 by Michael
回复是什么效果?

# re: JSF: 双联菜单(双级联动菜单)实例,源代码  回复  更多评论   

2013-07-28 08:54 by hzjdog
实现三级、四级联动又是如何实现?

只有注册用户登录后才能发表评论。


网站导航: