struts2 标签 s:optiontransferselect左右下拉列表的使用。
最近做项目,需要用到struts2中的标签,
自己便研究了一些.研究的成功..则贴出来与大家分享:
第一步搭建struts2框架。 然后建立Action.
这里取名叫做StrutsTagAction。
下面是StrutsTagAction的具体代码:
package pack.java.file.upload.action;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import com.opensymphony.xwork2.ActionSupport;
public class StrutsTagAction extends ActionSupport{
private static final long serialVersionUID = 3862594026022793012L;
private Map<String, Object> userGroupMap;
private Map<String, Object> alreadExistsUserGroupMap;
private String javaBook;
private String[] leftSelectValue;
private String[] rightSelectValue;
//getter和settter方式省略;
/**
* 显示用户组信息;
* @return
*/
public String displayUserGroupList(){
Map<String, Object> map = new HashMap<String, Object>();
Map<String, Object> userGroup = new HashMap<String, Object>();
userGroup.put("100", "开发员组");
userGroup.put("200", "代码测试组");
userGroup.put("300", "管理员组");
userGroup.put("400", "需求分析组");
userGroup.put("500", "架构设计组");
Map<String, Object> alreadyExistxUserGroup = new HashMap<String, Object>();
alreadyExistxUserGroup.put("300", "管理员组");
alreadyExistxUserGroup.put("400", "需求分析组");
alreadyExistxUserGroup.put("500", "架构设计组");
this.alreadExistsUserGroupMap = alreadyExistxUserGroup;
//判定所有权限中，是否存在相同的；如果存在，则删除；
for(Iterator<String> iterator1 = userGroup.keySet().iterator();iterator1.hasNext();){
String userGroupKey = iterator1.next();
for(Iterator<String> iterator2 = alreadyExistxUserGroup.keySet().iterator();iterator2.hasNext();){
String alreadyExistsKey = iterator2.next();
if(userGroupKey.equals(alreadyExistsKey)){
map.put(userGroupKey,userGroup.get(userGroupKey));
}
}
}
//循环已有的map对象：
for(Iterator<String> iterator1 = map.keySet().iterator();iterator1.hasNext();){
//移除已经存在的对象;
userGroup.remove(iterator1.next());
}
this.userGroupMap = userGroup;
return "userGroupList";
}
/**
* 获取选择复选框的值;
* @return
*/
public String getDoubleSelectValue(){
//获取选择的值;
System.out.println("左侧下拉框的值:");
if(leftSelectValue!=null && leftSelectValue.length>0){
for(int i = 0;i<this.leftSelectValue.length;i++){
System.out.print(this.leftSelectValue[i]+",");
}
}
System.out.println("");
System.out.println("右侧下拉框的值:");
if(rightSelectValue!=null && rightSelectValue.length>0){
for(int i = 0;i<this.rightSelectValue.length;i++){
System.out.print(this.rightSelectValue[i]+",");
}
}
System.out.println("");
//重新加载显示;
displayUserGroupList();
return "userGroupList";
}
}
然后,建立一个jsp页面.
具体代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<s:head theme="ajax"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//在js中获取值;
function getDoubleSelectListValue(){
//获取左边的下拉框的值;
var leftNode = document.getElementById("left");
for(var i = 0;i<leftNode.length;i=i+1){
alert("左侧下拉框的值:->>"+leftNode[i].value+","+leftNode[i].text);//id
}
//获取右边的下拉框的值;
var rightNode = document.getElementById("right");
for(var i = 0;i<rightNode.length;i=i+1){
alert("右侧下拉框的值:->>"+rightNode[i].value+","+rightNode[i].text);
}
}
</script>
</head>
<body>
<s:form method="post" name="myform" action="strutsTagAction!getDoubleSelectValue.action">
<!-- Struts2中的左右选择框;
list - 指左侧下拉框的集合，可以是List集合，或者是Map集合
doubleList - 指右侧下拉框的集合，
leftTitle - 指左侧标题
rightTitle - 指右侧标题
listKey - 指左侧的list中的key，
listValue - 指左侧的list中的value，
-->
<s:optiontransferselect
id="left"
name="leftSelectValue"
list="#request.userGroupMap"
listKey="key"
listValue="value"
doubleId="right"
doubleName="rightSelectValue"
rightTitle="已选择"
leftTitle="未选择"
doubleList="#request.alreadExistsUserGroupMap"
doubleListKey="key"
doubleListValue="value"
/>
<br/>
<s:submit value="提交已经选择的值" theme="simple"></s:submit>
<input type="button" value="在Javascript中获取值" onclick="getDoubleSelectListValue()"/><br/><br/>
<br/><br/>
<!-- 日期选择框 -->
<s:datetimepicker name="order.data" label="购买日期" toggleType="explode" value="today"/>
<!-- 时间选择框; -->
<s:datetimepicker name="start" label="选择出发时间" type="time" value="12:00"/>
</s:form>
</body>
</html>
测试结果:
当点击提交按钮到后台输出的值:
左侧下拉框的值:
200,100,
右侧下拉框的值:
500,400,300,