<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>测试自动渲染列表</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../layuiadmin/PubCustom.js"></script>
|
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-col-md12">
|
<div class="layui-card" style="padding: 1px">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<table class="" id="mainTable" lay-filter="mainTable"></table>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
|
var $ = layui.$
|
, layer = layui.layer
|
, table = layui.table
|
|
var option = [];
|
var cols_arr = [];
|
|
get_Display();
|
|
//#region 查询
|
function get_Display() {
|
var wait = layer.load();
|
$.ajax({
|
url: GetWEBURL() + '/Sc_MESReportFrom/ReportFromBillList2',
|
type: "GET",
|
data: { "sWhere": "" },
|
success: function (result) {
|
if (result.code == 1) {
|
cols_arr = Pub_backTableHead(result);
|
set_InitGrid(cols_arr);
|
option.data = result.data;
|
table.render(option);
|
layer.close(wait);
|
} else {
|
layer.close(wait);
|
layer.alert(result.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.close(wait);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
}
|
//#endregion
|
|
//#region 初始化表格方法
|
function set_InitGrid(cols_arr) {
|
option = {
|
elem: '#mainTable'
|
//, toolbar: '#toolbarDemo'
|
, height: 'full-50'
|
, page: true
|
, cellMinWidth: 90
|
, cols: cols_arr
|
, totalRow: true
|
, limit: 10
|
, limits: [10, 15, 20, 30, 40, 50, 100, 1000]
|
};
|
}
|
//#endregion
|
|
|
|
});
|
</script>
|
|
</body>
|
</html>
|
