web页面中表单控件(如checkbox,select,radio等)的赋值回写的方法介绍

来源:互联网 发布:淘宝重复铺货怎么举报 编辑:程序博客网 时间:2024/04/29 07:04

         web页面需要动态展示网站的业务数据,所以开发我们一般采用web的MVC模式的框架,struts2是比较主流的web的框架。web页面中表单的录入、修改是非常常见的普遍功能,积累一套表单控件的开发技巧,对web应用的开发效率会提升很大。以前没有web框架时,大量使用js在表单中控制赋值回写等,现在有了好的web框架,带来了很多方便,下面以struts2为例,对常见的表单控件(如checkbox,select,radio等)的赋值、回写等功能做一个介绍。

直接显示值

      <s:property value="require.reqtitle"/>

input控件

赋值回写:

        <input type="text" name="require.reqtitle" id="reqtitle" value="<s:property value="require.reqtitle"/>" class="inputfen" />

select控件

赋值回写:

        <s:select list="#{'image':'影像产品','topic':'专题产品'}" name="requireImgDo.productType" id="productType" listKey="key" listValue="value"  />

radio控件

赋值回写:
   <s:radio list="#{'1':'先生','0':'女士'}" name="gender" value="1"/>
  <s:radio list="#{ 'year':'年度' , 'halfyear':'半年' , 'quarter':'季度'}" name="requireTopicDo.timeflag"  id="timeflag" listKey="key" listValue="value" value="%{requireTopicDo.timeflag==null?'year':requireTopicDo.timeflag}"></s:radio>

checkbox控件

赋值回写:
    <s:checkboxlist name="user_type_list" list="#{'0':'用户1','1':'用户2','2':'用户3'}"  value="%{ttsList}"></s:checkboxlist>  
注意,此处name为表弟form映射的属性,ttsList为返回的值,结构应为List<String>,如下:
可以在action中定义代码:
private List ttsList = new ArrayList();   
    public List getTtsList() {   
        return ttsList;   
    }  
业务逻辑对 ttsList变量进行赋值,这样表单页面中就会写入相应选中的checkbox了。

原创粉丝点击