zoukankan      html  css  js  c++  java

  • Struts2 级联下拉框 详解析


    目录(?)[+]

    运行环境：myeclipse8.6+jboss5.1+jvm1.6

    先看最后目录结构：

    直接上源码：

    complexFormTag.jsp:

    [html] view plaincopy
    1. <%@ page language="java" contentType="text/html; charset=gb2312"pageEncoding="gb2312"%>  
    2. <%@ taglib prefix="s" uri="/struts-tags"%>  
    3. <html>  
    4.     <head>  
    5.         <title>复杂表单标签使用范例</title>  
    6.         <s:head />  
    7.     </head>  
    8.     <body>  
    9.         <h3 align="left">doubleselect标签使用范例</h3>  
    10.         <p>  
    11.             <s:form name="doubleselectExample">  
    12.                 <s:doubleselect label="材料" headerValue="" headerKey="0"  
    13.                     list="itemList" listKey="itemId" listValue="item"  
    14.                     doubleName="abc" doubleList="materialMap.get(top.itemId)"  
    15.                     doubleListKey="materialId" doubleListValue="material" />  
    16.             </s:form>  
    17.         </p>  
    18.     </body>  
    19. </html>  

    解析：

    若不使用Struts2，则需要结合JavaScript和HTML标签共同开发完成此功能。

    doubleselect标签的功能是提供两个有级联关系的下拉框。用户选中第一个下拉框中的某选项，则第二个下拉框中的选项根据第一个下拉框被选中的某选项内容来决定它自己的下拉框选项内容，产生联动效果。

    对于代码"materialMap.get(top.itemId)"，其中的top返回的是材料类别map集合的value即材料list集合中的材料类对象实例。

    最后面会对top更进一步解释。

    注意：<s:doubleselect/>标签必须放在<s:form>中，放在普通<form>中会出错，而且s:form必须指定name属性。

    另外，希望页面美观的话，希望s:doubleselect标签和左边的字对齐，则指定s:doubleselect属性theme="simple"

    　希望两个select排成一行（默认是上下行的），则在<s:form></s:form>间加入css样式：

    <style>
        .nobr br{display:none}  
    </style>

    然后在用<div class="nobr"></div>把<s:doubleselect .. />包起来就可以了！

    下面是doubleselect标签的属性列表：

     

     下面通过一张图形象的表示联动关系：

     

    对应的组件：          

                                                                         

    最后，两个下拉框要联动起来，靠的是“ItemId”与下面"Integer类型变量"的一一对应关系。

    <s:doubleselect ...

      list="itemList"                                                    listKey="itemId"              listValue="item"

      doubleList="materialMap.get(top.itemId)"doubleListKey="materialId"doubleListValue="material" />

     注意，上面的两相同的itemId，这里应该必须一致。

    complexFormTagAction.java:

    [java] view plaincopy
    1. package action;  
    2. import java.util.ArrayList;  
    3. import java.util.HashMap;  
    4. import java.util.List;  
    5. import java.util.Map;  
    6. import com.opensymphony.xwork2.ActionSupport;  
    7. import model.*;  
    8.   
    9. public class ComplexFormTagAction extends ActionSupport {  
    10.     //级联第一个下拉框数据  
    11.     private List<Item> itemList;  
    12.     //级联第二个下拉框数据  
    13.     private Map<Integer, List<Material>> materialMap;  
    14.   
    15.     public String execute() throws Exception {  
    16.         itemList = new ArrayList<Item>();  
    17.   
    18.         //循环新建10个类别  
    19.         for (int j = 0; j < 10; j++) {  
    20.             Item item = new Item();  
    21.             item.setItemId(j + 1);  
    22.             item.setItem("类别" + (j + 1));  
    23.             itemList.add(item);  
    24.         }  
    25.           
    26.         materialMap = new HashMap<Integer, List<Material>>();  
    27.         //循环新建每个类别中的10个材料  
    28.         for (int j = 0; j < 10; j++) {  
    29.             List<Material> materialList = new ArrayList<Material>();  
    30.             for (int i = 0; i < 10; i++) {  
    31.                 Material material = new Material();  
    32.                 material.setMaterialId(i);  
    33.                 material.setMaterial("类别" + (j + 1)+"-->"+"材料"+(i + 1));  
    34.                 materialList.add(material);  
    35.             }  
    36.             materialMap.put((j + 1), materialList);  
    37.         }  
    38.         return SUCCESS;  
    39.     }  
    40.   
    41.     public Map<Integer, List<Material>> getMaterialMap() {  
    42.         return materialMap;  
    43.     }  
    44.   
    45.     public void setMaterialMap(Map<Integer, List<Material>> materialMap) {  
    46.         this.materialMap = materialMap;  
    47.     }  
    48.   
    49.     public List<Item> getItemList() {  
    50.         return itemList;  
    51.     }  
    52.   
    53.     public void setItemList(List<Item> itemList) {  
    54.         this.itemList = itemList;  
    55.     }  
    56. }  

    Material.java:

    [java] view plaincopy
    1. package model;  
    2.   
    3. public class Material implements java.io.Serializable {  
    4.     // Fields  
    5.     private int materialId;  
    6.     private String material;  
    7.   
    8.     public Material() {}  
    9.   
    10.     public int getMaterialId() {  
    11.         return this.materialId;  
    12.     }  
    13.   
    14.     public void setMaterialId(int materialId) {  
    15.         this.materialId = materialId;  
    16.     }  
    17.   
    18.     public String getMaterial() {  
    19.         return this.material;  
    20.     }  
    21.   
    22.     public void setMaterial(String material) {  
    23.         this.material = material;  
    24.     }  
    25. }  

    Item.java:

    [java] view plaincopy
    1. package model;  
    2.   
    3. public class Item implements java.io.Serializable {  
    4.     private int itemId;   
    5.     private String item;      
    6.   
    7.     public Item() {}  
    8.   
    9.     public int getItemId() {  
    10.         return itemId;  
    11.     }  
    12.   
    13.     public void setItemId(int itemId) {  
    14.         this.itemId = itemId;  
    15.     }  
    16.   
    17.     public String getItem() {  
    18.         return this.item;  
    19.     }  
    20.   
    21.     public void setItem(String item) {  
    22.         this.item = item;  
    23.     }  
    24. }  

    struts.xml:

    [html] view plaincopy
    1. <?xml version="1.0" encoding="gb2312"?>  
    2.   
    3. <!DOCTYPE struts PUBLIC  
    4.     "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd">  
    5.   
    6. <struts>  
    7.    <constant name="struts.i18n.encoding" value="gb2312"/>    
    8.     <package name="OGNLTAG" extends="struts-default">  
    9.       
    10.     <action name="complexFormTag" class="action.ComplexFormTagAction">  
    11.       <result name="success">/jsp/complexFormTag.jsp</result>  
    12.     </action>  
    13.       
    14.     </package>  
    15. </struts>  

    运行http://localhost:8080/OGNLTAG/jsp/complexFormTag.action 

    注：后缀是.action而非.jsp，否则异常：

    The requested list key 'itemList' could not be resolved as a collection/array/map/enumeration/iterator type.

    因为直接访问jsp页面的话，要先经过struts.xml导航，然后才转到调用Action类处理；这样的话"itemList"就没有完成初始化，故而出现上述异常。若直接“.action”去访问Action类的话，就完成初始化操作了，故而" 'itemList' can be resolved as a collection"。

    输出结果：

    ------------------------------------------------------------------------------

    最后通过<s:debug />看一下调试结果中的“值栈”：

    Struts ValueStack Debug

    Value Stack Contents

     

    注意上图中materialMap和itemList这两个Action类中有且仅有的两实例属性。从上面的图片可以理解doubleList="materialMap.get(top.itemId)"中的top，它的意思是：the value at the top of the stack 。

    用语句<s:property value="top" />，会输出：action.ComplexFormTagAction@ 1db6a20

    <s:property value="materialMap" />，会输出：{1=[model.Material@.....],2=[...],...,10=[...] }  

    (不用"#",也就是直接从“值栈”中取值,此处等效于value="top.materialMap")

    <s:property value="itemList" />，会输出：[model.Item@......,model.Item@...,.......]

    测试<s:property value="top.itemId" />输出为空，是因为itemId这个值是要根据listKey才能确定出来的。

    可以上面语句看出：top就是指上面图片中的“Object列”的对象，它有些“Property”，如 texts、materialMap、actionErrors . . .。

    [html] view plaincopy
    1. list="itemList" listKey="itemId" listValue="item"  
    2. doubleName="abc" doubleList="materialMap.get(top.itemId)"  

    top.itemId：top代表的就是list即"itemList"当前选中的对象, 所以top.itemId对应的就是当前选中的对象Item的ID, materialMap.get(top.itemId)即根据当前选中的对象Item中的ID来取出第二级下拉框的数据集合。
  • 相关阅读:
    指针应用-----链表一
    指针(五)
    指针(四)
    指针(三)
    指针(二)
    指针(一)
    [代码应用]javaSE程序递归删除文件夹下的.bak文件程序源代码
    [ExtJS5学习笔记]第十八节 Extjs5的panel的dockeditems属性配置toolbar
    [ExtJS5学习笔记]第十七节 Extjs5的panel组件增加accodion成为折叠导航栏
    [ExtJS5学习笔记]第十六节 Extjs5使用panel新增的ViewModel属性绑定数据
  • 原文地址：https://www.cnblogs.com/baobeiqi-e/p/9884816.html
Copyright © 2011-2022 走看看