sooka_maintenance
/
bsdsjj_siping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
							<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<%@ taglib prefix="ht" tagdir="/WEB-INF/tags/wf"%>
<html>
<head>
	<title>编辑 首页布局</title>
	<%@include file="/commons/include/form.jsp" %>
	<script type="text/javascript" src="${ctx}/js/jquery/plugins/jquery.fix.clone.js"></script>
	<script type="text/javascript">
		/*KILLDIALOG*/
		var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
		$(function(){
			initDataParam(dialog.get("dataParam"));
			$("a.save").click(function(){
				var json = [];
				if(nameValid()){
					$.ligerDialog.error("重复的参数值，请检查！","提示信息");
					return;
				}
				$("#trContainer tr[var='paramTr']").each(function(){
					var me = $(this),obj={};
					obj.name =$("[var='name']",me).val();
					obj.type =$("[var='type']",me).val();
					obj.mode =$("[var='mode']",me).val();
					obj.value =$("[var='value']",me).val();
					json.push(obj);
				});
				dialog.get("sucCall")(JSON2.stringify(json));
				dialog.close();
			});
		});
		
		function nameValid(){
			var name =new Array();
			$("#trContainer").find("[var='name']").each(function() {
				name.push( $(this).val());
			});
			return isRepeat(name);		
		}
		function isRepeat(arr) {
		    var hash = {};
		    for(var i in arr) {
		        if(hash[arr[i]]) {
		            return true;
		        }
		        // 不存在该元素，则赋值为true，可以赋任意值，相应的修改if判断条件即可
		        hash[arr[i]] = true;
		    }
		    return false;
		}
		
		function initDataParam (dataParam) {
			if ($.isEmpty(dataParam))
				return;
			var tr = $($("#paramTemplate .table-detail tr")[0]).clone(true, true);
			var params = $.parseJSON(dataParam);
			for (var i = 0, c; c = params[i++];) {
				$("input[var='name']", tr).val(c.name);
				$("select[var='type']", tr).val(c.type);
				$("select[var='mode']", tr).val(c.mode);
				$("textarea[var='value']", tr).val(c.value);
				var tr1 = tr.clone(true, true);
				$("#trContainer").append(tr1);
			}
		}
		
		function addDataParam(){

			var tr = $($("#paramTemplate .table-detail tr")[0]).clone(true, true);
			$("#trContainer").append(tr);
		}
		
		function	moveTr (obj, isUp) {
			var thisTr = $(obj).parents("tr");
			if (isUp) {
				var prevTr = $(thisTr).prev();
				if (prevTr) {
					thisTr.insertBefore(prevTr);
				}
			} else {
				var nextTr = $(thisTr).next();
				if (nextTr) {
					thisTr.insertAfter(nextTr);
				}
			}
		}
		function delTr(obj) {
			$(obj).closest("tr").remove();
		}

	</script>
	</head>
<body>
<div class="panel">
	<div class="panel-top">
		<div class="panel-toolbar">
			<div class="toolBar">
				<div class="group"><a class="link save" href="javascript:void(0);"><span></span>保存</a></div>
				<div class="group"><a id="btnAddParameter" onclick="addDataParam()" class="link add"><span></span>添加</a></div>
				<div class="group"><a class="link close" href="javascript:dialog.close();"><span></span>关闭</a></div>
			</div>
		</div>
	</div>
	<div class="panel-body">
		<table cellpadding="1" cellspacing="1"  class="table-grid">
			<tr>
				<th align="center"><input class="pk" type="checkbox"/></th>
			  <th align="center">参数名</th>
			  <th align="center">参数类型</th>
			  <th align="center">值来源</th>
			  <th align="center">参数值</th>
			  <th align="center">操作</th>
			</tr>
			<tbody id="trContainer">
		    </tbody>
		</table>
	</div>
			<div  id="paramTemplate"  style="display: none;">
			<table cellpadding="1" cellspacing="1"  class="table-detail">
				<tbody>
				<tr var="paramTr">
					<td ><input class="pk" type="checkbox" name="select"/>
					<td><input type="text" var="name" value=""/> </td>
					<td><select var="type">
							<option value="string">String</option>
							<option value="int">int</option>
							<option value="float">float</option>
							<option value="double">double</option>
							<option value="byte">byte</option>
							<option value="short">short</option>
							<option value="long">long</option>
							<option value="boolean">boolean</option>
							<option value="date">date</option>
						</select>
					</td>
					<td>
						<select var="mode" >
							<option value="0">固定值</option>
							<option value="1">动态传入</option>
							<option value="2">脚本</option>
						</select>
					</td>
					<td>
						<textarea rows="3" cols="20" var="value"></textarea>
					</td>
					<td>
						<a class="link moveup" href="javascript:;" title="上移" onclick="moveTr(this,true)"></a>
						<a class="link movedown" href="javascript:;" title="下移"  onclick="moveTr(this,false)"></a>
						
						<a class="link del" href="javascript:;"  title="删除" onclick="delTr(this)"></a>
					</td>
				</tr>
				</tbody>
			</table>
		</div>
</body>
</html>