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

         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了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云焰

你的鼓励是我创作的最大动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值