sooka_maintenance
/
bsdsjj_siping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="/commons/include/form.jsp" %>
<title>级联设置</title>
<link href="${ctx}/js/jquery/plugins/token-input-normal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/jquery/plugins/jquery.tokeninput.js"></script>
<script type="text/javascript">
	/*KILLDIALOG*/
	var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)

	$(function(){
		$(".token-input").tokenInput('',{theme:"normal"});
		init();
	});
	//初始化
	function init(){
		//var cascadeSet = window.dialogArguments ;
		var cascadeSet = dialog.get("data");
		$("#fieldKey").val(cascadeSet.text);
		$("#guid-input").val(cascadeSet.guid);
		if(!cascadeSet.ops)return;

		var ops = eval("("+cascadeSet.ops+")"),
			options = [];
		for(var i=0,c;c=ops[i++];){
			options.push('<option value="');
			options.push(c.key);
			options.push('">');
			options.push(c.value);
			options.push('</option>');
		}
		$("#options-select").html(options.join(''));
		if(!cascadeSet.cascade)return;
		var set = cascadeSet.cascade;
		var reduceSet = set.reduce;
		
		for(var j=0,n;n=reduceSet[j++];){
			$("#reduce-input").tokenInput("add",n);
		}
	};
	//添加
	function addOption(t){
		$("#options-select").find("option:selected").each(function(){
			var obj = {},
				val = $(this).val(),
				txt = $(this).text();

			obj.id = val;
			obj.name = txt;
			$("#"+t).tokenInput("add",obj);
		});
	};
	//清空
	function cleanOption(t){
		$("#"+t).tokenInput("clear");
	};
	//获取级联设置
	function saveCascadeSet(){
		var obj = {},
			reduceSet = $("#reduce-input").tokenInput("get"),
			guid = $("#guid-input").val();

		if(reduceSet.length==0){
			$.ligerDialog.warn('减少的选项至少需要设置一条记录','提示');
			return;
		}		
		obj.guid = guid;
		obj.reduce = reduceSet;
		//window.returnValue = obj;
		dialog.get("sucCall")(obj);
		
        dialog.close();
	};
</script>
</head>
<body>
   	<div id="defLayout" >
 		<table class="table-grid" cellpadding="1" cellspacing="1">
			<tr>
				<th>级联字段:</th>
				<td>
					<input disabled="disabled" style="height:21px;width:400px;" id="fieldKey"/>
					<input type="hidden" id="guid-input"/>
				</td>
			</tr>
			<tr>
				<th>原选项:</th>
				<td>
					<select id="options-select" multiple="multiple" size="10" style="width:404px;">							
					</select>
				</td>
			</tr>
			<tr>
				<th>减少的选项:</th>
				<td>
					<textarea class="token-input" id="reduce-input"></textarea>
					<a class="link add" onclick="addOption('reduce-input')">添加</a>
					<a class="link del" onclick="cleanOption('reduce-input')">清空</a>
				</td>
			</tr>
 		</table>
     </div>
	<div position="bottom"  class="bottom" style="height:50px;" >
		<a href="javascript:;" class="button"  onclick="saveCascadeSet()" style="margin-right:30px;"><span class="icon ok"></span><span class="chosen">确定</span></a>
		<a href="javascript:;" class="button" style="margin-left:10px;"  onclick="dialog.close()"><span class="icon cancel" ></span><span class="cance" >取消</span></a>
	</div>
</body>
</html>