首页 > 代码库 > OA项目之在SSH如下如何实现Select跟Radio

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

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

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




<select name="departmentId" class="SelectStyle">  
    <option value=http://www.mamicode.com/"0" selected="selected">请选择部门  >以上代码都是静态的,写死的不经过数据库,直接呈现在页面中,下面我们利用struts2标签来动态的显示部门信息。其实就是将部门信息显示到下拉列表里面,代码如下:

 <s:select name="departmentId" cssClass="SelectStyle"
      list="#departmentList" listKey="id" listValue=http://www.mamicode.com/"name">解释:

 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=http://www.mamicode.com/"男" id="male"/>  >现修改为:

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

解释:

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

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


附注

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


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



OGNL表达式Strtus2中(Struts2的自定义标签中、struts.xml...)
                        Struts2的自定义标签的属性值中使用OGNL用该用%{表达式}   

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

语法:


                %{name}              代表会优先从值栈中的对象栈中取得name属性
                %{#name}            代表会从值栈中的Map中取得name属性

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

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

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

   



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