JavaScript ymPrompt弹窗组件 --父子窗口获取值使用实例

mixer_a

浏览: 367642 次

最近访客更多访客>>

photondragon

u012363178

zw2530

parrywang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-07 ( 2)
2012-06 ( 19)
2012-05 ( 106)
更多存档...

//子窗体
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/taglibs.jsp"%>
<%
	response.setHeader("Pragma", "No-cache");//HTTP     1.1         
	response.setHeader("Cache-Control", "no-cache");//HTTP     1.0         
	response.setHeader("Expires", "0");//防止被proxy
%>
<!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=UTF-8">
<script type="text/javascript" src="../js/common/function.js"></script>
<script type="text/javascript">
	/**加载基础树*/
	function expendAllGroupStations() {
	
		$("#groupTree").jstree({
			plugins : [ "themes", "json_data", "ui"],
			json_data : {
				ajax : {
					url : "expendGroupStationsForUser.do",
					dataType : "json",
					success: function(json){
					},
					error:function(){
						window.parent.parent.ymPrompt.errorInfo('<fmt:message key="user.operation.server.error" />');
					}
				}
			}
		}).bind("select_node.jstree", function(event, data) { //当点击该节点的时候
			var groupId = data.rslt.obj.attr("id");
			var groupName = data.rslt.obj.attr("name");
			var type = data.rslt.obj.attr("type");
			alert("type="+type+";"+(type==1));
			if(type!=1){//只能选择岗位时才赋值
				jQuery("input#groupId").val(groupId);
				jQuery("input#groupName").val(groupName);
			}else{
				jQuery("input#groupId").val("");
				jQuery("input#groupName").val("");
			}
			
		}).bind("remove.jstree", function(e, data) {
		}).bind("loaded.jstree", function(event, data) {
			hidenNotUsedNodes();
			nodeReadOnly();
			jQuery("input#groupId").val("");
			jQuery("input#groupName").val("");
		});
	}
	//设置没有岗位的组织为隐藏
	function hidenNotUsedNodes(){
	      $("#groupTree ul li").each(function(){
	      		//判断是否可以隐藏
	      		if($(this).attr("available")=="false"){
	      			$(this).css("display","none");
	      		}
	      }); 
	}
	//设置树中的组织节点都不能被选中,为只读
	function nodeReadOnly() {
		$("#groupTree ul ").find("li").click(function() {
			if($(this).attr("type")==1){//如果类型为组织
				$(this).removeClass("");
			}
		});
	}
	
     //如果末尾包含prefix，则去掉
    function subVal(val,prefix){
    	var isPrefix = '' + val.substring(val.length-1,val.length);
    	if(isPrefix==prefix){
			val=val.substring(0,val.length-1);
		}
		return val;
	}

$(document).ready(function() {
		expendAllGroupStations();
	});
	
	/*
	 * 关闭窗口
 	 */
	function closeWindow() {
		window.parent.ymPrompt.doHandler('close',true);
	}
	
	//提交数据到父级页面
	function submitData(){
		var groupId = jQuery("input#groupId").val();
		var groupName = jQuery("input#groupName").val();
		if(groupId.length<1 || groupName.length<1){
			alert("请选择一个岗位!");
			return;
		}
获取父窗口对象		<span style="color: #ff0000;"><strong>var dom = $(window.parent.document);
</strong></span>		dom.find("#groupId").val(groupId);
		dom.find("#groupName").val(groupName);
		window.parent.ymPrompt.doHandler('error',true);
	}
	
</script>
</head>
<body>

<form:form id="groupForm">
		<input type="hidden" name="groupId" id="groupId" value="" />
		<input type="hidden" name="groupName" id="groupName" value="" />
		<table style="width: 100%; height:100%;">
			<tr>
				
				<td style="width:80%;">
					<fieldset class="fieldsetStyle">
						<legend>所属岗位</legend>
						<table style="width:100%">
							<tr>
								<div class="scroll sys_tree white" id="groupTree"></div>
							</tr>
						</table>
					</fieldset>
				</td>
			</tr>
			<tr>
				<td style="text-align:right"><input type="button" id="submit"
					class="btn_black" value="提交" onclick="submitData();" /></td>
				<td style="text-align:left"><input id="cancel"
					class="btn_black" type="button" value="取消" onclick="closeWindow();" />
					</td>
			</tr>
		</table>
	</form:form>
</body>
</html>

分享到：