文档章节

Struts2 OptionTransferSelect标签 动态赋值

Andy市民
 Andy市民
发布于 2014/10/21 18:08
字数 556
阅读 26
收藏 0

Struts2 OptionTransferSelect标签 动态赋值:

1、html片面:

<td class="td2">
    <s:optiontransferselect
	id="sysWard"
	doubleId="userWard"
	name="userDept"
	list="deptMap"
	listKey="key"
	listValue="value"
	multiple="true"
	headerKey="cnKey"
	leftTitle="选择部门向右添加"
	doubleList="deptNameMap"
	doubleListKey="key"
	doubleListValue="value"
	doubleName="userBean.placeDept"
	doubleHeaderKey="cnKey"
	rightTitle="科护士长管理科室"
	doubleMultiple="true"
	allowSelectAll="false"
	allowUpDownOnLeft="false"
	allowUpDownOnRight="false"
	addToLeftLabel="<<--向左"
	addToRightLabel="向右-->>"
	addAllToRightLabel="全选向右"
	addAllToLeftLabel="全选向左"
	cssClass="option"
	doubleCssClass="option"
    />
</td>
2、异步动态赋值:
// 选择科护士长 事件
$("#select_userBean").change(function(){
	$("#user_job_number").val($(this).val());

	$.ajax({
	    type:"post",
	    url:"ManagerDept_setSysDept_null_null",
	    data:{"userJobNumber":$("#user_job_number").val()},
	    async: false,
	    dataType:"json",
	    success:function(msg){
		var obj = eval(msg);
		$("#sysWard option").remove();//将select中的信息清空
		$.each(obj, function(key,value){
		    $("#sysWard").append("<option value="+key+">" + value + "</option>");
		});
	    }
	});
	$.ajax({
	    type:"post",
	    url:"ManagerDept_setUserDept_null_null",
	    data:{"userJobNumber":$("#user_job_number").val()},
	    async: false,
	    dataType:"json",
	    success:function(msg){
		var obj = eval(msg);
		$("#userWard option").remove();//将select中的信息清空
		$.each(obj, function(key,value){
			$("#userWard").append("<option value="+key+">" + value + "</option>");
		}); }
					});
				});
// 修改按钮 事件
$("#btn_updateManageDept").click(function(){
    var depts = "";
    $("#userWard").find("option").each(function(i){
	depts += $(this).val()+",";
    });
    depts = depts.substr(0,depts.length-1);
    $.ajax({
	type:"post",
	url:"ManagerDept_updateManagerDept_null_null",
	data:{"depts":depts,"userJobNumber":$("#user_job_number").val()},
	async: false,
	dataType:"json",
	success:function(msg){
	    if(msg == "1"){
		alert("更新成功!");
	    }else{
		alert("更新失败!");
	    }
	}
    });
});



********************************************************************************************************

关键点1:动态赋值:

$("#sysWard option").remove();//将select中的信息清空
$.each(obj, function(key,value){
    $("#sysWard").append("<option value="+key+">" + value + "</option>");
});
其实,就是获取分别获取左右的 select 选择框,并分别动态添加 <option>标签。

关键点2:jquery遍历Map:

$.each(obj, function(key,value){
    $("#userWard").append("<option value="+key+">" + value + "</option>");
});
如上代码,obj 对象时后台传递的Map对象,jquery 遍历 Map,不能像遍历Array一样,在function中传递i,作为数组索引。而是在function中传递两个参数 key 和 value,分别代表Map对象的key和value值。

关键点3:获取右边select的值:

var depts = "";
$("#userWard").find("option").each(function(i){
    depts += $(this).val()+",";
});
depts = depts.substr(0,depts.length-1);
获取右边 select 的值,不能知道获取。有两种方法,方法一:可以把右边框中的值设置全部选中,即将selected 属性设置为true;方法二:就如上文的获取select 选择框的值。

© 著作权归作者所有

下一篇: xw 素材网
Andy市民
粉丝 11
博文 37
码字总数 32801
作品 0
房山
程序员
私信 提问
关于struts2漏洞问题及解决办法

关于Struts2漏洞引起的问题我就不详细细说了,最近在各大网站及论坛上都有描述,上面都列出了具体的解决办法对策,对我来说,刚好遇到有现实的案例去解决,在参考了各大论坛、博客的文档之后...

zkool
2013/08/05
0
0
struts的标签如何好看呢?

struts的标签觉得挺好使的,不过,有没有做得漂亮点呢? 或者高手指点一下有没有什么控件替代这个标签的功能呢? 都说struts标签是个鸡肋,现在终于体会到了。。。 望大侠指点。

pansd
2011/01/12
755
1
struts2学习笔记--OGNL表达式1

  struts2标签库主要使用的是OGNL语言,类似于El表达式,但是强大得多,它是一种操作对象属性的表达式语言,OGNL有自己的优点: 能够访问对象的方法,如list.size(); 能够访问静态属性和静态方法...

冬至饮雪
2016/02/11
0
0
使用Struts2标签时的一些问题

问题一:#,%{},$符号   在Struts2标签属性中经常会出现"#"或者"%{}"的符号出现,通过上面OGNL表达式基础的介绍,知道了OGNL上下文中有且仅有一个根对象。Struts2为我们定义了许多明明对象,...

mr桀骜不驯
2013/03/13
0
0
Struts2 的ModelDriven 二——ModelDrive

继上篇博客介绍了值传递的几种形式,这篇博客,来说说struts2是如何实现的? 有这么两个概念和modelDriven实现有关:ValueStack,ModelDrivenInterceptor。 一、ModelDrivenInterceptor 首先...

一零贰IV
2018/05/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

佳博标签打印问题-

由于网页打印不行,要么sdk 写成activex,这样浏览器支持又有局限。 因此,采用客户端编写打印服务启动,定时轮询服务端打印队列,从服务的获取打印队列进行打印。 服务端web 点击打印,讲打...

mellen
22分钟前
2
0
Jmeter利用JMXMon插件监控服务器JVM情况

1、Jmeter下载JMXMon插件 2、Jmeter 添加 JMXMon请求 远程监控JVM状态需要在JVM启动时候加上一段参数才行,在tomcat bin目录下找到catalina.sh 在# OS specific support. $var _must_ be set...

覃光林
23分钟前
3
0
Qt编写安防视频监控系统(界面很漂亮)

一、前言 视频监控系统在整个安防领域,已经做到了烂大街的程序,全国起码几百家公司做过类似的系统,当然这一方面的需求量也是非常旺盛的,各种定制化的需求越来越多,尤其是这几年借着人脸...

飞扬青云
27分钟前
3
0
Python的requests库中的Put方式使用

1.后端接口 @PutMapping public ResponseEntity<MyObject> putMyObject( @RequestBody MyObject myObject) { ... } Put请求参数在请求体里面。 1.前端请求 import requestsimpo......

亚林瓜子
28分钟前
1
0
全站加速(DCDN)- IP应用加速产品解读

5月22日下午15点,阿里云全站加速(DCDN)-IP应用加速如期发布。IP应用加速是阿里云自主研发的一款更高效、更安全、更便捷的动态加速产品,结合阿里云CDN本身的资源优势,利用就近接入、智能...

迷你芊宝宝
32分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部