zoukankan      html  css  js  c++  java
  • 转:struts标签之select详解

    <html:select>生成HTML<select>元素

    <html:option>:生成HTML<option>元素

    <html:options>:生成一组HTML<options>元素

    <html:optionsCollection>生成一组HTML<options>元素。


    <html:select>生成HTML<select>元素,表示下拉列表框或多选列表。

    在<html:select>标签中可以包含多个<html:option>,<html:options>,<html:optionCollections>元素。

    <html:select>标签有以下重要属性

    size属性:指定每次在网页上显示的可选项的数目。

    multipe属性:指定是否支持多项选择,如果设置为true,就表示多选列表,支持多项选择。否则只表示下拉列表。只支持单选操作。默认值false

    property属性:与ActionForm Bean中的某个属性对应,这个属性用来存放用户在列表上选中选项的值。在单项选择的情况下,ActionForm Bean中的对应属性对应该列表上选项的值。在单项选择情况下,

    ActionForm Bean对应属性应该定义为简单类型(不能为数组),在多项选择情况下,ActionForm Bean中的对应属性应该定义为数组类型,以便存放用户选择的多个选项。

    <html:option>

    标签生成HTML<option>元素,这个标签被嵌套在<html:select>标签中,代表列表的一个可选项的Label,既现在是在页面上的值。这中值有两个来源。

    1.直接指定文本内容
    <html:option value="1">Label来源1:直接指定文本内容</html:option>

    2.通过Resource Bundle中的内容。

    例如:ApplicationResources.properties资源文件中存在如下键值对:a1=happySelect

    标签中通过key关联到资源文件,指定要显示内容。
    <html:option value="1" key="a1" /> 这样在页面上显示出happySelect

    3.通过key,bundle同时指定要显示的内容

    bundle与Struts配置文件中<message-resources>元素配置的Resource Bundle的资源文件key匹配

    <message-resources parameter="com.struts.happy" key="happyhtml"/>

    <html:option value="1" bundle="happyhtml" key="a1" /> 这样在页面上显示出happySelect

    把列表的可选项的显示文本存放在Resource Bundle中,而不是直接在JSP文件中指定,有利于实现国际化。

    <html:option>元素的value属性指定可选项的实际值。

    <html:options>

    标签生成一组HTML标签<option>元素。在<html:select>元素中可以包含多个<html:options>元素。

    1.使用coolection属性指定存在某个范围中的集合来生成列表项,注意coolection属性指定的集合,该对象的每一个元素为一个Bean。

    例如有如下实体类

    package com.pojo;

    public class Users {

    private String userName;
    private String userValue;
    public Users(){}

    public Users(String userName,String userValue)
    {
       this.userName=userName;
       this.userValue=userValue;
    }
    public String getUserName() {
       return userName;
    }
    public void setUserName(String userName) {
       this.userName = userName;
    }
    public String getUserValue() {
       return userValue;
    }
    public void setUserValue(String userValue) {
       this.userValue = userValue;
    }

    }

    将实体类实例放入ArrayList列表然后放入reqeust范围内
       Users u1=new Users("1","高中"); 
       Users u2=new Users("2","本科"); 
       Users u3=new Users("3","硕士"); 
       Users u4=new Users("4","博士"); 
       ArrayList array=new ArrayList();
       array.add(u1);
       array.add(u2);
       array.add(u3);
       array.add(u4);
    request.setAttribute("xueli",array);

    使用
    <html:options>标签生成可选项

    <html:select property="xueli" multiple="true" size="3">
    <html:options 
       collection="xueli"
       property="userName"
       labelProperty="userValue"/>

    </html:select>:

    collection指定存放在request范围内的集合

    property指定<html:option>实际值
    labelProperty指定<html:option>显示到页面上的文本。

    当使用property属性和labelProperty属性时,会根据属性指定的名称调用相应Bean中的getXXX方法来获得属性值。

    生成HTML效果如下

    <option value="1">高中</option>
    <option value="2">本科</option>
    <option value="3">硕士</option>
    <option value="4">博士</option>

    <html:options>
    <html:options collection="collection" labelProperty="displayName" property="value"/>
    其中collection为一个集合,一般是个ArrayList,displayName为前台显示的名称,value为后台实际使用的值.
    例:<html:options collection="arrayList" labelProperty="name" property="id" />
    2.利用name属性指定存放在某个范围中的对象,并有property属性指定该对象的某个属性来生成列表项。

    例如
       Object[] obj=new Object[]{"高中","本科","硕士","博士"};
       request.setAttribute("xueli",array);


    <html:options 
     name="xueli"/>

    生成HTML效果如下:

    <option value="高中">高中</option>
    <option value="本科">本科</option>
    <option value="硕士">硕士</option>
    <option value="博士">博士</option>

    如果
    <html:options 
        name="xueli"
        property="userName"
        labelProperty="userValue"/>

    将报如下异常
    javax.servlet.jsp.JspException: No getter method available for property userName for bean under name xueli

    3    如果数据是在ActionFormBean中

    private String[] addrOpts = { "11", "12", "13" };

    private String[] addrLab = { "BJ", "SH", "HK" };

    <html:options  property="addrOpts " labelProperty="addrLab "/>

    如果使用name属性指定集合那么需要使用<html:optionsCollection >标签

    <html:optionsCollection>

    <html:select>标签中可以嵌套多个<html:optionsCollection>标签

    标签与<html:options>标签相似,他通过name属性property属性指定一个集合对象,该对象中的每一个元素为一个Bean,并且在Bean中分别具有与标签中label属性和value属性指定的值匹配的getXXX方法。

    其中label属性用来指定列表项的标签(显示给指定的用户),value属性用来指定实际值(提交给服务器的值)

    例如:
    ArrayList列表然后放入reqeust范围内
       Users u1=new Users("1","高中"); 
       Users u2=new Users("2","本科"); 
       Users u3=new Users("3","硕士"); 
       Users u4=new Users("4","博士"); 
       ArrayList array=new ArrayList();
       array.add(u1);
       array.add(u2);
       array.add(u3);
       array.add(u4);
    request.setAttribute("xueli",array);

    <html:optionsCollection 
         name="xueli"
         value="userName"
         label="userValue"/>
    </html:select>

    如果使用property属性,那么将使用和表单相关联的FormBean中的xueli属性作为指定的集合。

    <html:optionsCollection>
    <html:optionsCollection property="actionForm.property" label="displayName" value="value"/>
    其中property为ActionForm中的一个属性,为一个集合.displayName为前台显示的名称,value为后台实际使用的值.
    例:<html:optionsCollection property="listProperty" label="name" value="id" />

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

    意见:

    如果要从 数据库去取数据,一般是在 action 里调用 DAO ,把结果存入一个ArrayList作为 request 的一个属性传到页面上; 这时一般用 <html:options .../> 标签.另外,如果数据不从数据库去取,而是代码固定的,则一般把这种放到 ActionForm 里,作为属性在页面上取,这时一般用 <html:optionsCollection ... />

  • 相关阅读:
    为什么puppeteer比selenium好?
    Puppeteer
    js跳出多层循环
    webpack loader- 图片处理
    webpack的loader的原理和实现
    Webpack中Loader的pitch方法
    url-loader和file-loader区别
    Vue中强制组件重新渲染的正确方法
    ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION :浏览器下载报错
    JSBridge的原理及使用
  • 原文地址:https://www.cnblogs.com/niutouzdq/p/4118854.html
Copyright © 2011-2022 走看看