<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="HR_attType_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="../../Js/hdj_default/jquery.js"></script> <link rel="stylesheet" type="text/css" href="../../Css/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="../../Css/themes/icon.css" /> <link rel="stylesheet" type="text/css" href="../../Css/demo.css" /> <script type="text/javascript" src="../../Js/hdj_default/jquery.min.js"></script> <script type="text/javascript" src="../../Js/hdj_default/jquery.tree.js"></script> <script type="text/javascript" src="../../Js/hdj_default/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../Js/hdj_default/jquery.py.min.js"></script> <script type="text/javascript" src="../../js/hdj_default/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(window).resize(function () { domresize(); }); function domresize() { $('#div_data').height($(document.body).height() - 37); } $(function () { $('#div_data').height($(document.body).height() - 37); }); function getData(page, rows) { $.post("../../HR/attType/list_attType.ashx?type=BindGrid", { page: page, rows: rows, attTypeIfType: $("#attType_iftype").val() }, function (result) { result = JSON.parse(result); $("#dg").datagrid("loadData", result); }) } $(function () { //設置默認樣式 $.messager.defaults = { ok: "確認", cancel: "取消", width: 300, height: "auto", minHeight: 150, modal: true, collapsible: false, minimizable: false, maximizable: false, resizable: false }; //加載數據表格 $('#dg').datagrid({ fit: true, //自適應大小 pageSize: 20, //頁面條數 striped: true, //是否顯示斑馬線效果。 rownumbers: true, //如果為true，則顯示一個行號列。 fitColumn: false, //允許表格自動縮放，以適應父容器 pagination: true, //如果為true，則在DataGrid控件底部顯示分頁工具欄。 fitColumns: false, //真正的自動展開/收縮列的大小，以適應網格的寬度，防止水平滾動。 singleSelect: false, //如果為true，則只允許選擇一行。 autoRowHeight: true, //定義設置行的高度，根據該行的內容。設置為false可以提高負載性能。 checkOnSelect: true, selectOnCheck: true, //selectOnCheck nowrap: false, //設置為true，當數據長度超出列寬時將會自動截取 loadMsg: "正在加載，請稍后......", //在從遠程站點加載數據的時候顯示提示消息。 url: '../../HR/attType/list_attType.ashx?type=BindGrid', //排序 onSortColumn: function (sort, order) { $("#dg").datagrid('load', { sort: sort, order: order }) } }); //多選 function getChecked() { var nodes = $('#tree').tree('getChecked'); var s = ''; for (var i = 0; i < nodes.length; i++) { if (s != '') s += ','; s += nodes[i].id; } alert(s); $("#dg").datagrid('load', { treeId: node.id, attTypeIfType: $("#attType_iftype").val() }) } //加載分頁 $('#dg').datagrid('getPager').pagination({ pageList: [10, 20, 30, 40, 50], //可以設置每頁記錄條數的列表 displayMsg: '當前顯示從第{from}條到第{to}條，共{total}條記錄', onSelectPage: function (pageNumber, pageSize) { var state = $('#dg').data('datagrid'); var opts = state.options; opts.pageNumber = pageNumber; opts.pageSize = pageSize; getData(pageNumber, pageSize); } }); }); //數據表表格中添加編輯列 function formatOper(val, row, index) { return '<a href="javascript:openWin(' + row.id + ',' + row.AttType_ifType + ')" ><img src="/Css/themes/icons/pencil.png" title="編輯" /></a>'; } //數據表表格中添加狀態列 function formatOperCounType(val, row, index) { if (row.AttType_IsSystem == 0) { return '<a href="javascript:counTypeChange(\'' + row.AttType_code + '\',0)" ><img src="/Css/themes/icons/nolock.png" title="狀態" /></a>'; } else if (row.AttType_IsSystem == 1) { return '<a href="javascript:counTypeChange(\'' + row.AttType_code + '\',1)" ><img src="/Css/themes/icons/lock.png" title="狀態" /></a>'; } } </script> </head> <body class="easyui-layout"> <div id="div_data" style="width: 100%"> <table id="dg"> <thead> <tr> <th field="AttType_code" align="center" sortable="true"> 編碼 </th> <th field="AttType_name" align="center" sortable="true"> 名稱 </th> <th field="AttType_ifPrint" sortable="true" align="center"> 必須打卡 </th> <th field="AttType_ifApply" sortable="true" align="center"> 必須申請 </th> <th field="AttType_IsIntragrl" sortable="true" align="center"> 積分考核 </th> <th field="AttType_ifType" sortable="true" align="center"> 大類 </th> <th field="AttType_wh" align="center" sortable="true"> 默認班次 </th> <th data-options="field:'AttType_IsSystem', sortable:true, align:'center', formatter:formatOperCounType"> 事物狀態 </th> <th data-options="field:'id', align:'center', formatter:formatOper"> 編輯 </th> <th field="ck" data-options="checkbox:true"> </th> </tr> </thead> </table> </div> </body> </html>