本文介绍了一个使用Struts2框架实现的双列表框选项转移功能。通过JSP页面和Java后端代码相结合的方式，实现了选项从一个列表框到另一个列表框的转移，并提供了全选及批量转移的功能。
JSP页面:
<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>
<%@ 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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
<!--关键代码-->
<script type="text/javascript">
function selectRight(){
var r=document.forms[0].right;
for(i=1; i <r.length; i++)
r[i].selected = true;
}
</script>
</head>
<body>
<s:form action="optiontransferselectAction">
<s:optiontransferselect doubleList="{'Struts2','Spring','JPA'}"
list="{'AJAX','Hibernate','Guice'}" doubleName="right" leftTitle="左标题"
name="left" rightTitle="右标题" headerKey="first"
headerValue="第一个列表框头信息" emptyOption="true" doubleEmptyOption="true"
doubleHeaderKey="second" doubleHeaderValue="第二个列表框头信息"
allowAddToLeft="true" addToLeftLabel="左移" allowAddToRight="true"
addToRightLabel="右移" allowAddAllToLeft="true"
addAllToLeftLabel="全部左移" allowAddAllToRight="true"
addAllToRightLabel="全部右移" allowSelectAll="true" selectAllLabel="全选"
multiple="true" doubleMultiple="true" />
<!--注意onclick调用的方法-->
<s:submit οnclick="selectRight()"></s:submit>
</s:form>
</body>
</html>
Java代码：
public class OptiontransferselectAction extends ActionSupport {
private List<String> left;
private List<String> right;
public List<String> getLeft() {
return left;
}
public void setLeft(List<String> left) {
this.left = left;
}
public List<String> getRight() {
return right;
}
public void setRight(List<String> right) {
this.right = right;
}
@Override
public String execute() throws Exception {
//控制台输出
for(String l:left){
System.out.println(l);
}
for(String r:right){
System.out.println(r);
}
return SUCCESS;
}
}
JSP页面，显示选择结果页面：
<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>
<%@ 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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
</head>
<body>
左列表框：<br>
<s:property value="left"/>
<p>
列表框：<br>
<s:property value="right"/>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
