OA项目之在SSH如下如何实现Select跟Radio

标签：select   struts2   标签   栈   radio   

1.今天学习了在SSH下如何实现页面前端的Select和Radio，个人感觉很重要在此做笔记，很多地方可以用到。

2.首先效果如下利用struts2的标签来做，首先来看Select：

<select name="departmentId" class="SelectStyle">  
    <option value="0" selected="selected">请选择部门</option>  
    <option value="7">┠总经理室</option>  
    <option value="1">┠市场部</option>  
    <option value="2">　┠咨询部</option>  
    <option value="3">　┠招生部</option>  
    <option value="4">┠教学部</option>  
    <option value="5">┠后勤部</option>  
</select> 

 <s:select name="departmentId" cssClass="SelectStyle"
      list="#departmentList" listKey="id" listValue="name"
      headerKey="" headerValue="请选择部门">
 </s:select>

 list：      每一个Select标签都有一个list 属性，代表的是后台我们已经准备的DepartmentList（部门的集合，具体详见前一篇的DepartmentAction中的list方法），加上#号的原因，是因为我们在Action中是将部门集合放在值栈的Map中保存的.

listKey：    当我们在下拉列表选择了一个部门然后需要提交保存的时候，我们前台传递的其实是id号，所以listKey就是代表的部门id.(简称是用来提交的)

listValue： 我们页面看到的其实是部门的name属性，所以listValue就是代表页面是通过什么来显示的很明显是通过name来显示

（简称用来显示的）

name：      这个属性大家都清楚，是标志这个标签的，服务器端需要在后台得到他的值，所以在DepartmentAction中必须有                 departmentId这个属性且需要提供 getter和setter 方法

cssClass：为了保存原来的样式

headerKey：如上图默认是"请选择部门"，key就是这个默认值得id这里没有所以为空

headerValue：Select的默认值

3.下面是radio，原代码如下：

<input type="RADIO" name="sex" value="男" id="male"/><label for="male">男</label>  
<input type="RADIO" name="sex" value="女" id="female"/><label for="female">女</label>

<s:radio name="gender" list=" {'男', '女'} "></s:radio>

name：跟上面一样对应着Action中的属性

list：   构建一个map#{‘男’：’男‘，‘女’：’女‘}，其中第一个男为key第二个男士value也就是说提交的为男，在页面显示的也是男，跟上            面的Select一样，当key和value一样的时候           我们就可以直接简写为上面的那个代码，更简洁。女同上

附注：

EL跟OGNL的写法区别（因为在JSP中经常出现${},%{},#{}，必须对ValueStack熟悉）：

EL表达式 JSP中     ${表达式}

                       在struts.xml中如果如果需要使用OGNL应该用${表达式}

语法：

                %{#user.name}    代表从map中user属性的取得那么属性

                #{‘k‘:‘v‘, ‘k2‘:‘v2‘}   这是代表构建一个Map

                {‘e1‘, ‘e2‘}             这代表构建一个list

OA项目之在SSH如下如何实现Select跟Radio

标签：select   struts2   标签   栈   radio   

原文地址：http://blog.csdn.net/dq3wrr/article/details/39210517