1 | <%@ Page Language="C#" %> |
---|
2 | |
---|
3 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|
4 | |
---|
5 | <script runat="server"> |
---|
6 | |
---|
7 | </script> |
---|
8 | |
---|
9 | <html xmlns="http://www.w3.org/1999/xhtml"> |
---|
10 | <head runat="server"> |
---|
11 | <title>// var strcxlb = 11:草稿箱里的内容</title> |
---|
12 | |
---|
13 | <script src="jquery-1.2.6-vsdoc.js" type="text/javascript"></script> |
---|
14 | |
---|
15 | <script src="jquery-1.2.6.js" type="text/javascript"></script> |
---|
16 | |
---|
17 | <script src="jsUtility.js" type="text/javascript"></script> |
---|
18 | |
---|
19 | <script type="text/javascript"> |
---|
20 | var pagerState = { |
---|
21 | ///<summary>分页器的状态</summary> |
---|
22 | pageSize: 10 |
---|
23 | , currPage: 1 |
---|
24 | , iItemCount: 0 |
---|
25 | , pageCount: function() { |
---|
26 | var count = parseInt(this.iItemCount / this.pageSize); |
---|
27 | if (count * this.pageSize !== this.iItemCount) { // 如果不是刚刚为整数页码 |
---|
28 | count++; |
---|
29 | } |
---|
30 | return count; |
---|
31 | } |
---|
32 | }; |
---|
33 | var dateBegin = new Date(); |
---|
34 | dateBegin.setFullYear(2000); |
---|
35 | var queryState = { |
---|
36 | /// <summary>查询数据的状态</summary> |
---|
37 | dateBegin: dateBegin |
---|
38 | , dateEnd: (new Date()) |
---|
39 | , sgwzh: "" |
---|
40 | , sbt: "" |
---|
41 | , sflow: "" |
---|
42 | , spx: "" |
---|
43 | , sflow: "" |
---|
44 | , scxlb: 11 // 类别11对应草稿箱里面的内容 |
---|
45 | } |
---|
46 | |
---|
47 | function pageLoad() { |
---|
48 | } |
---|
49 | $(document).ready( |
---|
50 | function() { |
---|
51 | /** |
---|
52 | 缓存表格模板 |
---|
53 | **/ |
---|
54 | var rowTemplate = $("#tblDataTable>tbody>tr:eq(0)").remove().clone(true); |
---|
55 | $("#tblDataTable").data("rowTemplate", rowTemplate); |
---|
56 | /***执行请求获取Web数据 The method to get web data use ms ajax frame****/ |
---|
57 | OAWS.GetFileList(pagerState.pageSize, |
---|
58 | pagerState.currPage, |
---|
59 | queryState.dateBegin, |
---|
60 | queryState.dateEnd, |
---|
61 | queryState.sgwzh, |
---|
62 | queryState.sbt, |
---|
63 | queryState.sflow, |
---|
64 | queryState.spx, |
---|
65 | queryState.scxlb, |
---|
66 | onSucess); |
---|
67 | /***执行请求获取Web数据 END****/ |
---|
68 | $("#divOpDelete").mouseover(function() { |
---|
69 | $(this).addClass("mover"); |
---|
70 | }).mouseout(function() { |
---|
71 | $(this).removeClass("mover"); |
---|
72 | }); |
---|
73 | }); |
---|
74 | function onSucess(result) { |
---|
75 | for (var i = 0; i < result.GongWenCollection.length; i++) { |
---|
76 | var rowTemplate = $("#tblDataTable").data("rowTemplate").clone(true); |
---|
77 | var tds = rowTemplate.children("td"); |
---|
78 | rowTemplate.children("td") |
---|
79 | .each(function() { |
---|
80 | var node = result.GongWenCollection[i][$(this).text().trim()]; |
---|
81 | $(this).text(node); |
---|
82 | }); |
---|
83 | $(rowTemplate).appendTo($("#tblDataTable>tbody")); |
---|
84 | } |
---|
85 | } |
---|
86 | </script> |
---|
87 | |
---|
88 | <style type="text/css"> |
---|
89 | #divOpDelete /***设置divOpDelete(删除按钮的样式)***/ |
---|
90 | { |
---|
91 | border: solid 1px white; |
---|
92 | width: 50px; |
---|
93 | height: 20px; |
---|
94 | margin: 13px 0px 0px 0px; |
---|
95 | } |
---|
96 | /*#divOpDelete img |
---|
97 | { |
---|
98 | margin-top: auto; |
---|
99 | margin-bottom: auto; |
---|
100 | }*/.mover /**获取焦点的时候的按钮的样式**/ |
---|
101 | { |
---|
102 | border: solid 1px #004288; |
---|
103 | cursor: hand; |
---|
104 | background: url(images/bgBtn.jpg) repeat-x; |
---|
105 | } |
---|
106 | </style> |
---|
107 | <link href="../style.css" rel="stylesheet" type="text/css" /> |
---|
108 | </head> |
---|
109 | <body> |
---|
110 | <form id="form1" runat="server"> |
---|
111 | <div> |
---|
112 | <asp:ScriptManager ID="ScriptManager1" runat="server"> |
---|
113 | <Services> |
---|
114 | <asp:ServiceReference Path="~/WebService/OAWS.asmx" /> |
---|
115 | </Services> |
---|
116 | </asp:ScriptManager> |
---|
117 | </div> |
---|
118 | <div id="divOpDelete"> |
---|
119 | <img id="imgDelete" src="images/icoDel.gif" alt="删除暂存流程" /> |
---|
120 | <span>删除</span> |
---|
121 | </div> |
---|
122 | <div id="_DivList"> |
---|
123 | <table id="tblDataTable" width="100%" border="0" cellspacing="0" cellpadding="2"> |
---|
124 | <colgroup> |
---|
125 | <col width="40" /> |
---|
126 | <col width="40" /> |
---|
127 | <col width="60" /> |
---|
128 | <col width="*" /> |
---|
129 | <col width="120" /> |
---|
130 | <col width="135" /> |
---|
131 | </colgroup> |
---|
132 | <thead> |
---|
133 | <tr> |
---|
134 | <td class="ListTitle"> |
---|
135 | <input type="checkbox" id="checkbox1" name="checkbox1" title="全选" value="全选" /> |
---|
136 | </td> |
---|
137 | <td class="ListTitle"> |
---|
138 | 缓急 |
---|
139 | </td> |
---|
140 | <td class="ListTitle"> |
---|
141 | 发件人 |
---|
142 | </td> |
---|
143 | <td class="ListTitle"> |
---|
144 | 主题 |
---|
145 | </td> |
---|
146 | <td class="ListTitle"> |
---|
147 | 文号 |
---|
148 | </td> |
---|
149 | <td class="ListTitle"> |
---|
150 | 发件时间 |
---|
151 | </td> |
---|
152 | </tr> |
---|
153 | </thead> |
---|
154 | <tbody> |
---|
155 | <tr valign="bottom"> |
---|
156 | <td> |
---|
157 | <input type="checkbox" /> |
---|
158 | </td> |
---|
159 | <td> |
---|
160 | sHJ |
---|
161 | </td> |
---|
162 | <td> |
---|
163 | sSender |
---|
164 | </td> |
---|
165 | <td> |
---|
166 | sBH |
---|
167 | </td> |
---|
168 | <td> |
---|
169 | sFWZH |
---|
170 | </td> |
---|
171 | <td> |
---|
172 | sDateTimeReceived |
---|
173 | </td> |
---|
174 | </tr> |
---|
175 | </tbody> |
---|
176 | </table> |
---|
177 | </div> |
---|
178 | <div id="#toolTip"> |
---|
179 | <h3 id="#toolTip_Title"> |
---|
180 | </h3> |
---|
181 | <div id="#toolTip_Body"> |
---|
182 | </div> |
---|
183 | <div id="#toolTip_Footer"> |
---|
184 | </div> |
---|
185 | </div> |
---|
186 | </form> |
---|
187 | </body> |
---|
188 | </html> |
---|