<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>关联数据设置</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-datagrid-dnd/datagrid-dnd.js"></script>
|
<script src="static/plugins/ace/src-noconflict/ace.js" type="text/javascript"></script>
|
<script src="static/plugins/jquery.redirect.js" type="text/javascript"></script>
|
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<style>
|
.combobox-group {
|
clear: both;
|
}
|
|
.combobox-gitem {
|
float: left;
|
padding-right: 10px;
|
}
|
</style>
|
|
</head>
|
<body>
|
|
<div class="margin-lr">
|
<div class="pt-form">
|
<div class="ptbody">
|
<form>
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">关联表名：</td>
|
<td>
|
<div>
|
<input id="linkedTable" name="linkedTable" class="easyui-textbox" type="text" data-options="editable:false,buttonText:'选择表',prompt:'',onClickButton:function(){selectTable();}"
|
style="width:100%;" value="${linked1}"/>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">关联字段名：</td>
|
<td>
|
<div>
|
<input id="linkedColumn" name="linkedColumn" class="easyui-textbox" type="text" data-options="editable:false,buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;" value="${linked2}"/>
|
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">取值字段名：</td>
|
<td>
|
<div>
|
<input id="linkedColumnValue" name="linkedColumnValue" class="easyui-textbox" type="text" data-options="editable:false,buttonText:'选择字段',prompt:'',onClickButton:selectColumn"
|
style="width:100%;" value="${linked3}"/>
|
|
</div>
|
</td>
|
</tr>
|
</table>
|
</form>
|
</div>
|
<div class="pt-form-btn" style="bottom:0px;">
|
<div class="form-group">
|
<button id="btnSave" class="pt-btn pt-btn-primary">确定</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
id : null,
|
queryParams : null
|
};
|
$(function() {
|
|
$("#btnSave").click(function() {
|
doSave();
|
});
|
|
|
$("#btnClose").click(function() {
|
closeWindow();
|
});
|
|
|
});
|
|
|
function selectTable() {
|
var tableNames = "";
|
wcp.picker.selectTable({
|
title: "请选择表",
|
multiSelect: false,
|
tableNames: tableNames,
|
nameElement: "linkedTable",
|
layerOpener: window
|
});
|
}
|
|
function selectColumn() {
|
var tableName = $("#linkedTable").textbox("getValue");
|
var idName = this.id;
|
wcp.picker.selectTableColumn({
|
title : "请选择字段",
|
tableName : tableName,
|
multiSelect : false,
|
layerOpener : window
|
}, function(rows) {
|
var selectedColumns = "";
|
var selectedDisplayName = "";
|
$.each(rows, function(index, value) {
|
selectedColumns += value.columnName + ',';
|
selectedDisplayName += value.displayName + ',';
|
});
|
selectedColumns = selectedColumns.substr(0, selectedColumns.length - 1);
|
selectedDisplayName = selectedDisplayName.substr(0, selectedDisplayName.length - 1);
|
$('#' + idName).textbox("setValue", selectedColumns);
|
|
});
|
}
|
|
function doSave(){
|
var linkedTable = $("#linkedTable").textbox("getValue");
|
var linkedColumn = $("#linkedColumn").textbox("getValue");
|
var linkedColumnValue = $("#linkedColumnValue").textbox("getValue");
|
var id = params.id;
|
var value = linkedTable + "|" + linkedColumn + "|" + linkedColumnValue;
|
params.callBack(id,value);
|
closeWindow();
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
|
</html>
|
