sooka_maintenance
/
bsdsjj_siping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
							<%--
	time:2015-05-22 11:14:30
	desc:edit the sys_bus_event
--%>
<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<%@ taglib prefix="ht" tagdir="/WEB-INF/tags/wf"%>
<html>
<head>
	<title>编辑 sys_bus_event</title>
	<%@include file="/commons/include/form.jsp" %>

	<script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
	<script type="text/javascript" src="${ctx}/js/javacode/codemirror.js"></script>
<script type="text/javascript" src="${ctx}/js/javacode/InitMirror.js"></script>
	<script type="text/javascript">
		var returnUrl="${returnUrl}";	
		
		var dialog = frameElement.dialog; 
		
		var metaTree=null;
		
		var setting = {
			data: {
				key:{
					name:"comment",
					title:"name"
				},
				simpleData: {
					enable: true
				}
			},
			callback: {
				onDblClick: zTreeOnDblClick,
				onClick: zTreeOnClick
			}
		};
		
		function zTreeOnClick(event, treeId, node){
			
			var name=node.name;
			var isTable=node.isTable;
			var isExternal=node.isExternal;
			var isMain=node.isMain;
			
			$(".chkBox").hide();
			//子表字段
			if(isMain==0 && isTable==0){
				$("#subTableField").show();
			}
			else if(isMain==1 && isTable==0){
				$("#mainFieldChk").show();
			}
		}
		
		function zTreeOnDblClick(event, treeId, node){
			var name=node.name;
			var isTable=node.isTable;
			var isExternal=node.isExternal;
			var isMain=node.isMain;
			var tableName=node.tableName;
			var code="";
			if(blnJsTab){
				
			}
			else{
				//data.getMainField
				//为表
				if(isTable==1){
					if(isMain==1){
						code=(isExternal==1)?name:"${tablePre}" +name;
					}
					else{
						code="SubTable subTable= data.getSubTableByName(\""+name+"\");";
						name=(isExternal==1)?name:"${fieldPre}" +name;
						
					}
				}
				//字段
				else{
					//主表
					if(isMain==1){
						name=(isExternal==1)?name:"${fieldPre}" +name;
						
						var v=$('input[name="rdoMain"]:checked').val();
						if(v==2){
							code="String "+name+"=data.getMainField(\""+name+"\");";
						}
						else{
							code=name;
						}
					}
					else{
						name=(isExternal==1)?name:"${fieldPre}" +name;
						var v=$('input[name="rdoSubField"]:checked').val();
						if(v==2){
							code="List<Map<String, Object>> rows= subTable.getDataList();"+
								" for(Map<String, Object> row:rows){\r\n" +
								"Object obj=row.get(\""+name+"\");\r\n" +
								"}"
						}
						else{
							code=name;
						}
					}
				}
			}
			InitMirror.editor.insertCode(code);
		}
		
		var blnJsTab=true;
		
		$(function() {
				$("a.save").click(function() {
					submitForm();
				});
				
				$("#defLayout").ligerLayout({ leftWidth:210,height: '98%',allowLeftResize:false});
				
				$("#tabSubEvent").ligerTab({onAfterSelectTabItem:function(tabId){
					blnJsTab=("javaTab"!=tabId);
				}});
				
				initTree();
		});
		
		
		function initTree(){
			var url=__ctx +"/platform/form/bpmFormTable/getJsonByTableId.ht";
			$.post(url, { tableId: "${param.tableId}"},
			   function(data){
					
					var obj=eval("("+data+")");
				
					setIcon(obj);
					
					metaTree=$.fn.zTree.init($("#tableMetaTree"), setting, obj);
			   }
			);
		}
		
		var iconFolder = __ctx + '/styles/tree/';
		function setIcon(json){
			json.icon = iconFolder + 'table.png';
			var aryChild=json.children;
			for(var i=0;i<aryChild.length;i++){
				var obj=aryChild[i];
				if(obj.isTable==1){
					setIcon(obj);
				}
				else{
					obj.icon= iconFolder + obj.dataType + '.png';
				}
			}
		}
		
		
		//提交表单
		function submitForm(){
			var options={};
			if(showResponse){
				options.success=showResponse;
			}
			var frm=$('#frmSubmit').form();
			frm.ajaxForm(options);
			if(frm.valid()){
				InitMirror.save();
				frm.submit();
			}
		}
		
		function showResponse(responseText) {
			var obj = new com.hotent.form.ResultMessage(responseText);
			if (obj.isSuccess()) {
				$.ligerDialog.success(obj.getMessage(),"提示信息", function() {
					dialog.close();
				});
			} else {
				$.ligerDialog.err("提示信息","业务数据设置保存失败!",obj.getMessage());
			}
		}
		
		//展开收起
		function treeExpandAll(type){
			metaTree = $.fn.zTree.getZTreeObj("tableMetaTree");
			metaTree.expandAll(type);
		};
		
	</script>
</head>
<body>
<div id="defLayout" >
         <div position="left" title="表单字段" style="float:left;width:100%;overflow: scroll;">
         	<div class="tree-toolbar">
				<span class="toolBar">
					<div class="group"><a class="link expand" id="treeExpandAll" href="javascript:treeExpandAll(true)" ></a></div>
					<div class="l-bar-separator"></div>
					<div class="group"><a class="link collapse" id="treeCollapseAll" href="javascript:treeExpandAll(false)" ></a></div>
				</span>
			</div>
			<ul id="tableMetaTree" class="ztree" style="overflow:auto;height:480px"></ul>
         </div>
         <div position="center">
        	<form id="frmSubmit" method="post" action="save.ht">
				<div class="panel">
					<div class="panel-top">
						<div class="tbar-title">
						    <c:choose>
							    <c:when test="${sysBusEvent.id !=null}">
							        <span class="tbar-label">编辑sys_bus_event</span>
							    </c:when>
							    <c:otherwise>
							        <span class="tbar-label">添加sys_bus_event</span>
							    </c:otherwise>			   
						    </c:choose>
						</div>
						<div class="panel-toolbar">
							<div class="toolBar">
								<div class="group"><a class="link save" id="dataFormSave" href="#"><span></span>保存</a></div>
								
							</div>
						</div>
					</div>
					<div class="panel-body">
						<div id="tabSubEvent" >
						
							<div tabid="jsTab" title="Javascript前台脚本">
								<table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
									
										<tr>
											<th width="20%">JS前置代码: </th>
											<td>
												<textarea id="jsPreScript" name="jsPreScript" codemirror="true" mirrorheight="200px" rows="10" cols="80" >${sysBusEvent.jsPreScript}</textarea>
											</td>
										</tr>
										<tr>
											<th width="20%">JS后置脚本: </th>
											<td>
												<textarea id="jsAfterScript" name="jsAfterScript" codemirror="true" mirrorheight="200px" rows="10" cols="80" >${sysBusEvent.jsAfterScript}</textarea>
											</td>
										</tr>
										
								</table>
							</div>
							<div tabid="javaTab" title="Java后台脚本">
								<ul>
									<li class="chkBox" id="subTableField" style="display: none;"><input name="rdoSubField" type="radio" value="1" checked="checked"/>字段<input name="rdoSubField" type="radio" value="2"/>遍历字段</li>
									<li class="chkBox" id="mainFieldChk" style="display: none;"><input name="rdoMain" type="radio" value="1" checked="checked"/>字段<input name="rdoMain" type="radio" value="2"/>代码</li>
								</ul>
								<table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
									
										
										<tr>
											<th width="20%">JAVA前置代码: </th>
											<td>
												<textarea id="preScript" name="preScript" codemirror="true" mirrorheight="200px" rows="10" cols="80" >${sysBusEvent.preScript}</textarea>
											</td>
										</tr>
										<tr>
											<th width="20%">JAVA后置代码: </th>
											<td>
												<textarea id="afterScript" name="afterScript" codemirror="true" mirrorheight="200px" rows="10" cols="80" >${sysBusEvent.afterScript}</textarea>
											</td>
										</tr>
								</table>
							</div>
							<div tabid="helpTab" title="帮助">
								<table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
									
										
										<tr>
											<th width="20%">Javascript代码: </th>
											<td>
												前置Javascript需要返回boolean值。
												后置脚本在数据提交后进行处理。
											</td>
										</tr>
										<tr>
											<th width="20%">JAVA代码: </th>
											<td>
<pre>
在java代码中可以使用data对象，data为BpmFormData的对象实例。
BpmFormData结构如下：<br>
import com.hotent.platform.model.form.SubTable;
import com.hotent.platform.model.form.BpmFormData;
import java.util.*;
SubTable subTable= data.getSubTableByName(String tableName);
//子表遍历
List&lt;Map&lt;String, Object>> rows= subTable.getDataList();
for(Map&lt;String, Object> row:rows){
	//设置值
	row.put("key",123);
	
}

//判断数据是否存在
scriptImpl.validDataExist(data,"字段名称");
</pre>				
				
											</td>
										</tr>
								</table>
							</div>
						</div>
							<input type="hidden" name="id" value="${sysBusEvent.id}" />		
							<input type="hidden" id="formkey" name="formkey" value="${sysBusEvent.formkey}" />			
					</div>
				</div>
			</form>
         </div>
</div>


</body>
</html>