标签 <s:optiontransferselect>
功能描述:实现将左列的数据右移,点击添加后将右列的数据提交。
页面中可能会有StrutsUtils.addEventListener 的错误提示,不用理会。
[color=red]ps:发现由于页面中没引用头,所以报错,而需要写js;如果引用了,请忽略js部分。[/color]
[color=red]html中 list="resultlist"是获取的list<bean> 值 listkey 和listvalue是 resultlist的bean的两个属性[/color]
[img]http://dl.iteye.com/upload/attachment/537139/695edaa6-2df2-35fc-abec-2e8896e8dde0.jpg[/img]
功能描述:实现将左列的数据右移,点击添加后将右列的数据提交。
页面中可能会有StrutsUtils.addEventListener 的错误提示,不用理会。
[color=red]ps:发现由于页面中没引用头,所以报错,而需要写js;如果引用了,请忽略js部分。[/color]
<head>
<sx:head cache="true" />
</head>
test.java//测试后台能否取得值
public class TargetAction extends ActionSupport {
public List getRight() {
return right;
}
public void setRight(List right) {
this.right = right;
}
private List right;
public String add(){
System.out.println(right);
return "success";
}
}
[color=red]html中 list="resultlist"是获取的list<bean> 值 listkey 和listvalue是 resultlist的bean的两个属性[/color]
<form action="add">//提交数据后用list接收
<s:optiontransferselect name="left"
leftTitle="全部指标"
rightTitle="所选指标"
list="resultlist" listKey="Label"
listValue="Value" multiple="true"
addAllToRightLabel="全部右移"
addAllToLeftLabel="全部左移"
selectAllLabel="全部选择"
doubleList="rightlist"
doubleEmptyOption="false"
doubleName="right"
doubleId="right"
emptyOption="true">
</s:optiontransferselect>
<input type="button" value="添加" name="add"
onClick="selectAndSubmit();" >
</form>
<script type="text/javascript">
//利用js获取选择的值,在页面中用list接收
function selectAndSubmit(){
var list = document.getElementById("right");
if(list.options.length == 0){
alert("请至少选择一项权限!");
return false;
}
else{
for (var i = 0; i < list.options.length; i++) {
list.options[i].selected = true;
}
document.forms[0].submit();
}
}
</script>
[img]http://dl.iteye.com/upload/attachment/537139/695edaa6-2df2-35fc-abec-2e8896e8dde0.jpg[/img]