这个标签生成左右两个select组件,两个组件之间有button group来执行两个组件之间的数据转换。并支持每个组件中选项的排序。
Attributes
|
Description
|
name
|
对应action中的变量名称,生成的left select的name属性
|
doubleName
|
Required,对应action中变量的名称,生成的complete component的name属性
|
list
|
Required,生成的left select元素显示的可选列表,参照combobox的list属性
|
doubleList
|
Required,生成的complete select元素显示的可选列表,参照 list属性
|
listKey
|
生成的left select 的option元素的value属性
|
listValue
|
生成的left select的option元素的显示内容
|
doubleListKey
|
complete select的选项的value属性
|
doubleListValue
|
complete select的option元素显示的内容
|
leftTitle
|
Left select title
|
rightTitle
|
Right select title
|
multiple
|
布尔型,如果设置为true,标签会为左边的选项预先选中,这要通过Array类型的value属性来确定哪些是预选中的
|
doubleMultiple
|
参照multiple属性,起作用于右面的select组件
|
emptyOption
|
布尔型,决定左面的select是否添加一个空选项
|
doubleEmptyOption
|
布尔型,决定右面的select是否添加一个空选项
|
Jsp code:
<s:optiontransferselect
label="Favourite"
name="leftSideHobbyIds"
leftTitle="My Favourite"
rightTitle="All Interest"
list="#session.myFavourite"
listKey="hobbyId"
listValue="hobbyName"
multiple="true"
headerKey="headerKey"
headerValue="--- Please Select ---"
emptyOption="true"
doubleList="#session.hobbyList"
doubleListKey="hobbyId"
doubleListValue="hobbyName"
doubleName="rightSideHobbyIds"
doubleHeaderKey="doubleHeaderKey"
doubleHeaderValue="--- Please Select ---"
doubleEmptyOption="true"
doubleMultiple="true"
/>
Page source code:
<script type="text/javascript" src="/demohr/struts/optiontransferselect.js"></script>
<table border="0">
<tr>
<td>
<label for="leftTitle">My Favourite</label><br />
<select name="leftSideHobbyIds" size="15" id="testTags_leftSideHobbyIds" multiple="multiple">
<option value="headerKey">--- Please Select ---</option>
<option value=""></option>
</select>
……
//left component buttons
</td>
<td>
<label for="rightTitle">All Interest</label><br />
<select
name="rightSideHobbyIds"
size="15"
multiple="multiple"
id="testTags_rightSideHobbyIds">
<option value="doubleHeaderKey">--- Please Select ---</option>
<option value=""></option>
<option value="1">Football</option>
<option value="2">Basketball</option>
</select>
…..
//right component buttons
</td>
</tr>
</table>
Prepare action:
一个 select显示的内容一般是从db中取得,另一个select的选项一般从第一个select取得,初始的数据也要提前(页面load之前)准备数据,假设一个List是所有的Hobby,另一个List存放User Favourite的Hobby,下面是准备数据:
List<Hobby> myFavourite = new ArrayList<Hobby>();
List<Hobby> hobbyList = new ArrayList<Hobby>();
//对两个list进行相应的处理,赋入初始数据
map.put("myFavourite", myFavourite);
map.put("hobbyList", hobbyList);
return SUCCESS; //return xxx.jsp
Action class:
private String[]leftSideHobbyIds; //with getter/setter method
//如果两个组件的值都想取得,就定义两个数组型的变量 变量名和标签的name/doubleName属性的值相同
Result:
在页面提交到Action后,leftSideHobbyIds就被赋值为select的选项对应的值,这个值是数组。
这个标签适用于权限赋值,以及从一个集合中选择某些值到另一个集合,并且这种操作的效果比较直观。比较强大的是,两边的组件支持选项的排序。
分享到:
相关推荐
struts常用标签示例
struts标签库struts标签库struts标签库struts标签库struts标签库struts标签库struts标签库struts标签库
struts2标签库struts2标签库struts2标签库struts2标签库
struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置文件以及代码示例struts2配置...
struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序struts2 入门示例程序
Struts2_表单标签简介 示例 下拉菜单框,多选框,单选框,文本输入框等等示例
Struts2常用标签详细介绍
java Web开发,我们最常用的Struts2常用标签总结,帮助你Struts2常用标签有那些功能
Struts2 UI标签示例(包含tabbedPanel标签,autocompleter标签,tree和treenode,optiontransferselect标签等)
Struts2的各种常用标签详解,附带例子
struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签struts2常用标签...
struts2标签使用例子 struts2标签使用例子 struts2标签使用例子struts2标签使用例子
jsp中struts2.0标签应用示例,介绍了部分标签的使用,里面有详细的文档说明。
Struts2标签库Struts2标签库Struts2标签库Struts2标签库Struts2标签库Struts2标签库
主要介绍了struts2的标签的详细使用例子说明
主要介绍Strus2中的通用标签,主要有, , , , , , , , , 等几个标签的具体用法,希望能对大家有帮助。
struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签struts1标签
Struts2 常用标签 Struts2 常用标签Struts2 常用标签Struts2 常用标签Struts2 常用标签Struts2 常用标签
struts2的验证框架的示例代码,快速学习和使用struts2验证框架
struts2 标签库介绍(html)对Struts2的标签做了详细的介绍让你轻松掌握Struts2的标签。 STRUTS2学习文档.pdf 对Struts2的一些配置文件进行了详细的说明。 Struts2―表单验证validate(html)对validate的type属性...