<%@ 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>
|
<!--[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 rel="stylesheet" href="static/plugins/jquery-steps/css/main.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/jquery.steps.css" 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-edatagrid/jquery.edatagrid.js"></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]-->
|
|
|
<style>
|
html, body {
|
height: 100%;
|
}
|
|
.container {
|
width: 100%;
|
height: 100%;
|
padding: 10px;
|
}
|
|
.left {
|
width: 100%;
|
float: left;
|
}
|
|
.right {
|
width: 50%;
|
float: right;
|
}
|
|
.search {
|
clear: both;
|
}
|
|
.pt-selected {
|
margin-bottom: 10px;
|
}
|
|
.textbox-label {
|
width: auto;
|
}
|
|
.pt-selected .textbox, .pt-selected .textbox-label {
|
margin-right: 10px;
|
}
|
|
.toptitle {
|
height: 40px;
|
line-height: 40px;
|
}
|
|
.toptitle h5 {
|
font-size: 14px;
|
font-weight: bold;
|
color: #3c8dbc;
|
float: left;
|
padding-left: 16px;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="container">
|
<div class="left">
|
<div class="toptitle" id="tb1" style="height: 43px;">
|
<h5>待选区</h5>
|
</div>
|
<table id="tb_WaitSelectFields"></table>
|
</div>
|
<div class="pt-form-btn" style="bottom:0px;">
|
<div class="form-group">
|
<button type="button" class="pt-btn pt-btn-primary" onclick="doSave();">确定</button>
|
<button type="reset" class="pt-btn pt-btn-default" onclick="closeWindow();">关闭</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
opts: null,
|
callBack: null
|
};
|
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
|
<script>
|
$(function () {
|
//左边待选框
|
$("#tb_WaitSelectFields").datagrid({
|
fitColumns: true,
|
nowrap: true,
|
rownumbers: true,
|
url: "config/reading/getReadingList?moduleId=${moduleId}",
|
singleSelect: true,
|
height: 480,
|
toolbar: "#tb1",
|
idField: 'templateId',
|
frozenColumns: [[
|
{
|
field: 'ck',
|
checkbox: true
|
}
|
]],
|
columns: [[
|
{
|
field: 'templateName',
|
title: '模板名称',
|
width: 150
|
}
|
]],
|
onLoadSuccess: function () {
|
new ResizeScroll({
|
"id": ".datagrid-body",
|
"height": "500",
|
"index": 1
|
});
|
}
|
});
|
|
});
|
|
|
//确定按钮事件
|
function doSave() {
|
var hasRows = $('#tb_WaitSelectFields').datagrid("getChecked");
|
var names = hasRows[0].templateName;
|
var ids = hasRows[0].templateId;
|
|
if (params.opts.layerOpener) {
|
if (params.opts.idElement) {
|
try {
|
params.opts.layerOpener.$("#" + params.opts.idElement).val(ids);
|
params.opts.layerOpener.$("#" + params.opts.idElement).textbox("setValue", ids);
|
} catch (e) {
|
}
|
}
|
if (params.opts.nameElement) {
|
try {
|
params.opts.layerOpener.$("#" + params.opts.nameElement).val(names);
|
params.opts.layerOpener.$("#" + params.opts.nameElement).textbox("setValue", names);
|
} catch (e) {
|
}
|
}
|
}
|
|
//回调函数
|
if (params.callBack) {
|
params.callBack(hasRows);
|
}
|
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
</script>
|
</html>
|
