<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChaimUpRecord.aspx.cs" Inherits="MESWebSite.Manage.ChaimUpRecord" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <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> <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; } </style> <title>上悬挂链记录</title> </head> <body> <form id="form1" runat="server"> <div class="top"> <table cellpadding="0" cellspacing="0" style="width: 100%"> <thead> <tr> <td><span class="title">上悬挂链记录</span></td> </tr> </thead> <tbody> <tr style="display: flex; flex-direction: row; flex-wrap: wrap;"> <td style="width: 250px;">是否下悬挂链: <select id="flag_s" class="easyui-combobox" style="width: 100px; height: 28px;" data-options="editable:false"> <option value="0">未下</option> <option value="1">已下</option> <option value="2">全部</option> </select> </td> <td style="width:250px">条码: <input type="text" id="barcode" style="width: 170px;" /> </td> <td style="width: 700px;"> 上悬挂链时间: <input id="start_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','00:00:00');}" /> 至 <input id="end_time" class="easyui-datetimebox" data-options="onShowPanel:function(){ $(this).datetimebox('spinner').timespinner('setValue','23:59:59');}" /> <a class="topsearchBtn">查询</a> <a class="topexcelBtn" id="exportbtn">导出</a> </td> </tr> </tbody> </table> </div> <table id="tb" title="上悬挂链记录" style="width: 99%;"> </table> <input id="UserID" type="text" hidden="hidden" runat="server" /> <script> /**************** 全局变量 ***************/ var PrimaryID; //要编辑的id var dg = $('#tb'); //表格 var isEdit = false; //是否为编辑状态 /**************** DOM加载 ***************/ $(function () { var curr_time = new Date(); var str = curr_time.getFullYear() + "-"; str += curr_time.getMonth() + 1 + "-"; str += curr_time.getDate() $('#start_time').datetimebox('setValue', str + " 00:00:00"); $('#end_time').datetimebox('setValue', str + " 23:59:59"); $('#flag_s').combobox('setValue', 2); $.ajaxSetup({ cache: false //关闭AJAX缓存 }); //搜索按钮 $('.topsearchBtn').first().click(function () { SearchInfo(); }); $("#exportbtn").bind('click', function () { //var workClass = $('#fl_workClass_s').combobox('getValue'); //var color = $('#fl_color_s').combobox('getValue'); //var productInfo = $('#fl_productInfo_s').combobox('getValue'); var startTime = $('#start_time').datetimebox('getValue'); var endTime = $('#end_time').datetimebox('getValue'); var flag = $('#flag_s').combobox('getValue'); var barCode = $('#barcode').val(); var queryParams = { startTime: startTime, endTime: endTime, flag: flag, barCode: barCode }; post('<%=ResolveUrl("~/HttpHandlers/ChaimUpRecordHandler.ashx?method=QueryExcel") %>', queryParams); }); //排序 function sorts(obj, sortName, sortOrder) { var queryParams = $('#' + obj).datagrid('options').queryParams; queryParams.sortName = sortName; queryParams.sortOrder = sortOrder; console.log(queryParams.sortOrder) $('#' + obj).datagrid('reload'); } dg = $('#tb').datagrid({ fitColumns: true, nowrap: false, striped: true, collapsible: true, url: "/HttpHandlers/ChaimUpRecordHandler.ashx?method=QueryList", queryParams: { "sortName": "", "sortOrder": "desc" }, remoteSort: false, columns: [[ { field: 'ID', title: 'ID', hidden: true }, { field: 'barcode', title: '条码', sortable: 'true', width: 10 }, { field: 'carType', title: '车型', hidden: true }, { field: 'productName', title: '产品名称', sortable: 'true', width: 10 }, { field: 'color', title: '颜色', sortable: 'true', width: 10 }, { field: 'flag', title: '是否下悬挂链', sortable: 'true', width: 10, formatter: function (value) { if (value == 0) { return "未下悬挂链"; } else if (value == 1) { return "已下悬挂链"; } } }, { field: 'createTime', title: '上悬挂链时间', sortable: 'true', width: 10 //formatter: function (date) { // var pa = /.*\((.*)\)/; // var unixtime = date.match(pa)[1].substring(0, 10); // return getTime(unixtime); //} }, ]], onSortColumn: function (sort, order) { sorts('tb', sort, order);//调用排序方法。 }, pagination: true,//表示在datagrid设置分页 rownumbers: true, singleSelect: true }); dg.datagrid('getPager').pagination({ pageSize: 10, pageNumber: 1, pageList: [10, 20, 30, 40, 50, 100], beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录', }); }); /**************** 主要业务程序 ***************/ //查询方法 function SearchInfo() { var startTime = $('#start_time').datetimebox('getValue'); var endTime = $('#end_time').datetimebox('getValue'); var flag = $('#flag_s').combobox('getValue'); var barCode = $('#barcode').val(); var queryParams = { //workClass: workClass, //color: color, //productInfo: productInfo, startTime: startTime, endTime: endTime, flag: flag, barCode: barCode, "sortName": "", "sortOrder": "desc" }; dg.datagrid({ queryParams: queryParams }); } function post(url, PARAMS) { var temp_form = document.createElement("form"); temp_form.action = url; temp_form.target = "_blank"; temp_form.method = "post"; temp_form.style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea"); opt.name = x; opt.value = PARAMS[x]; temp_form.appendChild(opt); } document.body.appendChild(temp_form); temp_form.submit(); } </script> </form> </body> </html>