<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LogSearch.aspx.cs" Inherits="MESWebSite.Manage.LogSearch" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="/CSS/Basics.css" rel="stylesheet" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" type="text/css" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" type="text/css" /> <link href="/Scripts/jquery-easyui-1.4.3/themes/color.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-easyui-1.4.3/jquery.min.js" type="text/javascript"></script> <script src="/Scripts/jquery-easyui-1.4.3/jquery.easyui.min.js" type="text/javascript"></script> <script src="/Scripts/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="/Scripts/MyJs.js" type="text/javascript"></script> <link href="../Show/bootstrap/css/bootstrap.css" rel="stylesheet" /> <script src="../Show/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../Show/echar/echarts.min.js" type="text/javascript"></script> <style> #w td { padding: 5px 5px; text-align: left; vertical-align: middle; } #w .title { vertical-align: middle; text-align: right; width: 80px; height: 40px; padding: 0px; } p { padding: 0px 5px; font-size: small; font-family: 微软雅黑; margin: 0px; } .tree-folder-open, .tree-folder, .tree-file { display: none; } .datagrid { text-align: center; } .ttb { width: 180px; display: block; } #ReportTable_div { margin: 0 auto; margin-top: 20px; } #ReportTable_div table { border: 1px solid #000000; border-collapse: collapse; margin: 0 auto; width: 80%; } #bar { float: left; margin-left: 0px; margin-top: 20px; width: 100%; height: 500px; } .search_first { margin-left: 40% } /* 中等屏幕 桌面显示器 992至1400 */ @media screen and (min-width:992px) and (max-width:1400px) { .search_first { margin-left: 1% } } </style> <title>日志</title> </head> <body> <form id="form1" runat="server"> <div class="top"> <table style="width: 100%"> <tr style="display: flex;flex-direction: row; flex-wrap: wrap;"> <td><span class="title">日志查询</span> </td> <td style="width: 100px"> <td style="width: 400px">创建时间: <input id="StartTime" class="easyui-datebox" style="width: 130px;" /> 至 <input id="EndTime" class="easyui-datebox" style="width: 130px;" /> </td> <td style="width: 200px">操作类别: <select id="Op" class="easyui-combobox" style="width: 100px; height: 30px;"> <option value=''></option> <option value='Insert'>Insert</option> <option value='Update'>Update</option> <option value='Delete'>Delete</option> </select> </td> <td style="width: 80px" ><a class="topsearchBtn">查询</a></td> </tr> </table> </div> <table id="tb" title="日志列表" style="width: 99%;"> </table> <div hidden="hidden"> <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label> </div> <input id="UserID" type="text" hidden="hidden" runat="server" /> <script> /**************** 全局变量 ***************/ var PrimaryID; //要编辑的id var dg = $('#tb'); //表格 var isEdit = false; //是否为编辑状态 /**************** DOM加载 ***************/ $(function () { $.ajaxSetup({ cache: false //关闭AJAX缓存 }); //搜索按钮 $('.topsearchBtn').first().click(function () { SearchInfo(); }); dg = $('#tb').datagrid({ fitColumns: true, nowrap: false, striped: true, collapsible: false, url: "/HttpHandlers/LogHandler.ashx?method=QueryList", //sortName: 'sortNumber', //sortOrder: 'asc', remoteSort: false, columns: [[ { field: 'ID', title: 'ID', hidden: true }, { field: 'UserName', title: '操作人', sortable: 'true', width: 3 }, { field: 'Op', title: '操作类别', sortable: 'true', width: 3 }, { field: 'TableName', title: '表名', sortable: 'true', width: 3 }, { field: 'Des', title: '内容', sortable: 'true', width: 30 }, { field: 'CreateTime', title: '操作时间', sortable: 'true', width: 8 } ]], pagination: true,//表示在datagrid设置分页 rownumbers: true, singleSelect: true }); dg.datagrid('getPager').pagination({ pageSize: 10, pageNumber: 1, pageList: [10, 20, 30, 40, 50], beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录', }); }); /**************** 主要业务程序 ***************/ //查询方法 function SearchInfo() { var StartTime = $('#StartTime').datebox('getValue'); var EndTime = $('#EndTime').datebox('getValue'); var Op = $('#Op').combo('getValue');; var queryParams = { StartTime: StartTime, EndTime: EndTime, Op: Op }; dg.datagrid({ queryParams: queryParams }); } </script> </form> </body> </html>