<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>选择资源</title>
|
<!--[if !IE]><!-->
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!--<![endif]-->
|
<!--[if gt IE 8]>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<![endif]-->
|
<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">
|
|
<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/plugins/datagrid-scrollview.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
|
<style>
|
html, body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
|
<div>
|
<div class="pt-main-top clear">
|
<div class="pt-nav">
|
<span class="pt-title-icon">
|
<i class="fa fa-calendar"></i>
|
</span>
|
<div class="pt-title">
|
<div>
|
<h4>选择资源</h4>
|
</div>
|
</div>
|
</div>
|
<div class="pt-search">
|
<p class="pt-retrieval">
|
<input id="txtKeySearch" type="text" placeholder="请输入关键字进行搜索">
|
<button id="btnKeySearch">
|
<i class="fa fa-search"></i>
|
</button>
|
</p>
|
</div>
|
</div>
|
<div class="pt-form-inline">
|
<div id="right">
|
<div>
|
<table id="dg_resource" style="width:100%;height:390px">
|
</table>
|
</div>
|
</div>
|
</div>
|
<div class="pt-form-btn">
|
<div class="form-group">
|
<button id="btnSave" class="pt-btn pt-btn-primary">选择</button>
|
<button id="btnClose" class="pt-btn pt-btn-default">关闭</button>
|
</div>
|
</div>
|
</div>
|
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
opts: null,
|
callBack: null
|
};
|
|
//定义页面全局变量
|
var formColumnId = "${resourceColumn.formColumnId}";
|
var enableMultiselect = "${resourceColumn.enableMultiselect}";
|
var columnNameArray = "${columnNames}".split(',');
|
var columnTitleArray = "${columnTitles}".split(',');
|
var columns = [];
|
var frozenColumns = [{field: 'ck', checkbox: true}];//固定列
|
|
<c:forEach items="${targetViewColumnList}" var="viewColumn">
|
<c:if test="${viewColumn.enableFrozen}">
|
frozenColumns.push({
|
<c:if test="${isNeedToUpper==true}">
|
field: '${viewColumn.fieldName.toUpperCase()}',
|
</c:if>
|
<c:if test="${isNeedToUpper==false}">
|
field: '${viewColumn.fieldName}',
|
</c:if>
|
title: '${viewColumn.columnTitle}',
|
width:${viewColumn.displayWidth},
|
halign: '${viewColumn.titlePosition}',
|
align: '${viewColumn.columnPosition}',
|
sortable:${viewColumn.enableOrder}
|
<c:if test="${viewColumn.enableCustomStyle}">
|
,${viewColumn.customStyleJs}
|
</c:if>
|
<c:if test="${viewColumn.enableCustomFormatter}">
|
,
|
${viewColumn.customFormatterJs}
|
</c:if>
|
})
|
;
|
</c:if>
|
<c:if test="${viewColumn.enableFrozen==false}">
|
columns.push({
|
<c:if test="${isNeedToUpper==true}">
|
field: '${viewColumn.fieldName.toUpperCase()}',
|
</c:if>
|
<c:if test="${isNeedToUpper==false}">
|
field: '${viewColumn.fieldName}',
|
</c:if>
|
title: '${viewColumn.columnTitle}',
|
width:${viewColumn.displayWidth},
|
halign: '${viewColumn.titlePosition}',
|
align: '${viewColumn.columnPosition}',
|
sortable:${viewColumn.enableOrder}
|
<c:if test="${viewColumn.enableCustomStyle}">
|
,${viewColumn.customStyleJs}
|
</c:if>
|
<c:if test="${viewColumn.enableCustomFormatter}">
|
,
|
${viewColumn.customFormatterJs}
|
</c:if>
|
})
|
;
|
</c:if>
|
</c:forEach>
|
|
|
$(function () {
|
//初始化表格
|
var randomNum = Math.random();
|
$('#dg_resource').datagrid({
|
url: 'general/getResourceList?formColumnId=' + formColumnId + '&targetViewId=${targetViewId}&rnd=' + randomNum,
|
fitColumns: true,
|
striped: true,
|
rownumbers: true,
|
pagination: true,
|
selectOnCheck: ${resourceColumn.enableMultiselect==0},
|
checkOnSelect: true, //选中行 checkbox选中
|
singleSelect: true, //选中单行
|
emptyMsg: '无数据',
|
frozenColumns: [frozenColumns],
|
columns: [columns],
|
queryParams: {
|
customSql: '${customSql}'
|
}
|
//onSelect:function(rowIndex,rowData){ //会导致父页面获取params为null错误
|
// $(this).datagrid('checkRow',rowIndex);
|
|
//},
|
//onUnselect(rowIndex,rowData){
|
// $(this).datagrid('uncheckRow', rowIndex);
|
//}
|
});
|
|
new ResizeScroll({
|
"id": ".right",
|
"fun": function () {
|
var wh = $(window).height();
|
//$(".pt-form").height(wh-79-48);
|
return (wh - 81 - 20);
|
}
|
});
|
|
//绑定关键字检索输入框回车事件
|
$("#btnKeySearch").click(function () {
|
SearchKey();
|
});
|
|
//关键字检索按钮事件
|
$('#txtKeySearch').bind('keypress', function (event) {
|
if (event.keyCode == "13") {
|
SearchKey();
|
}
|
});
|
|
$("#btnClose").click(function () {
|
closeWindow();
|
});
|
|
//绑定按钮事件
|
$("#btnSave").click(function () {
|
//获取dg选中的数据行
|
var checkRows = $("#dg_resource").datagrid("getChecked");
|
if (checkRows.length == 0) {
|
wcp.message.error("请选择数据！");
|
} else {
|
var retVal = "";
|
var elementClass = "";
|
<c:forEach items="${columnMaps}" var="columnMap">
|
retVal = "";
|
$.each(checkRows, function (index, row) {
|
//columnMap格式 本地模块字段=目标模块字段
|
//对父页面控件赋值语句
|
try {
|
if (retVal != "") {
|
retVal = retVal + ',';
|
}
|
|
retVal += row.${columnMap.value};
|
} catch (e) {
|
}
|
});
|
|
elementClass = params.opts.layerOpener.$('#${columnMap.key}').attr('class');
|
if (elementClass != null && elementClass.indexOf("easyui-textbox") > -1) {
|
params.opts.layerOpener.$('#${columnMap.key}').textbox("setValue", retVal);
|
} else {
|
params.opts.layerOpener.$('#${columnMap.key}').val(retVal);
|
}
|
</c:forEach>
|
}
|
//回调函数
|
if (params.callBack) {
|
params.callBack(checkRows);
|
}
|
closeWindow();
|
});
|
})
|
|
//关键字搜索方法
|
function SearchKey() {
|
var keyValue = $("#txtKeySearch").val();
|
$('#dg_resource').datagrid('load', {
|
searchText: keyValue,
|
customSql: '${customSql}'
|
});
|
}
|
|
//刷新表格数据
|
function refreshData() {
|
$('#dg_resource').datagrid('reload');
|
//清除已经选择的数据
|
$('#dg_resource').datagrid('clearSelections');
|
$('#dg_resource').datagrid('clearChecked');
|
}
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
