Struts2常用的UI标签

<s:textfield />标签的label属性

<s:textfield name="name" label="姓名"/>

struts 的label 是生成html的label。但它有其它作用，可以动态的生成样式，比如输入字段有错误时，提交后回到输入页面，改变相应label的css样式。Struts 2 定义的几种theme，其结果输入字段的布局上有一定的差别。你可以自己定义模板，重新排列表单各个元素。

textarea标签用法

<s:textarea label="输入内容" name="comments" cols="60" rows="4" 
            required="true" value="请输入..."/>

reset重置按钮

<s:reset label="重置" value="重置" align="center"/>

radio标签用法

<s:radio label="性别" name="sex" listKey="key" listValue="value"
         list="#{true:'男',false:'女'}"/>
<s:radio label="你的JDK版本是" name="jdkvsions" listKey="key" listValue="value"
         list="#{'JDK1.5':'JDK1.5','JDK1.6':'JDK1.6','JDK1.7':'JDK1.7'}"/>

checkboxlist标签用法

<s:checkboxlist label="你的爱好" name="hobby" listKey="key" listValue="value"
         list="#{'1':'书法','2':'逛街','3':'篮球','4':'足球','5':'音乐'}" />

combobox组合框

这里一定要加上id属性或者放在有name属性的form里，不然生成的js无法找不到对象

<s:combobox name="systemVers" id="systemVers" size="8"
            labelposition="top" maxLength="8" label="你的系统是"
            list="#{'XP':'XP','VISTA':'VISTA','WIN7':'WIN7'}" 
       listKey="key" listValue="value" headerKey="-1" headerValue="--- Please Select ---"/>

doubleselect级联下拉框

<div class="doubleselect">
<style type="text/css">
.doubleselect br{//去掉<br/>让级联下拉框并排
	display: none;
}
</style>
.
.

<s:doubleselect label="选择省份" name="province"
      list="#{'湖南':'湖南','湖北':'湖北','广东':'广东'}" listKey="value"
      listValue="key" doubleList="cityMap['湖北']"
      doubleName="city" doubleListKey="value" doubleListValue="key"
      headerKey="" headerValue="选择省份" />
</div>

optgroup分组下拉框选项

<s:select label="选择你喜欢的文学" name="literature"
   list="#{'all':'都喜欢','none':'都不喜欢'}">
   <s:optgroup label="中国文学" list="#{'西游记':'西游记','红楼梦':'红楼梦','三国演义':'三国演义','水浒传':'水浒传'}" listKey="key" listValue="value" />
   <s:optgroup label="外国文学" list="#{'简爱':'简爱','漂':'漂'}" />
</s:select>

updownselect排序器

带有按钮以移动在选择组件中选中的项最后提交后在Action中用String类型接收排序后以逗号隔开的字符串，也可以用String类型的数组接受。

<s:updownselect name="couse" list="{'苍井空','周韦彤','卡戴珊','金喜善','朱莉'}"
         headerKey="-1" headerValue="--- Please Select ---"
         allowMoveUp="true" allowMoveDown="true" allowSelectAll="true"
         moveDownLabel="↓" moveUpLabel="↑" selectAllLabel="全选"
         multiple="true" emptyOption="true" />

optiontransferselect分组选择器

选择项转移选择组件是由两个“updownselect”选择组件组成的，一个在左边，一个在右边，在Action里面用两个String类型的数组接收值

<s:optiontransferselect name="leftList" leftTitle="待选课程"
				list="{'数据结构','计算机原理','数据库原理','C语言设计','JAVA程序设计'}"
				multiple="true" doubleMultiple="true" doubleName="rightList"
				rightTitle="已选课程" doubleList="{'编译原理','汇编语言','计算机英语'}"
				allowSelectAll="true" allowUpDownOnLeft="true"
				allowUpDownOnRight="true" allowAddToRight="true"
				allowAddToLeft="true" allowAddAllToRight="true"
				allowAddAllToLeft="true" addToRightLabel="加入到已选列表"
				addToLeftLabel="加入到待选列表" addAllToRightLabel="全部加入到已选列表"
				addAllToLeftLabel="全部加入到待选列表" selectAllLabel="同时选中所有项"
				leftUpLabel="↑" leftDownLabel="↓" rightDownLabel="↓"
				rightUpLabel="↑" />

转载于:https://my.oschina.net/easyean/blog/535130