03b6b23071d02b5e113c92cd53cb00c198a60698.svn-base 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. %>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  9. <title></title>
  10. <!--框架必需start-->
  11. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
  12. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
  13. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
  14. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  15. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
  16. <link rel="stylesheet" type="text/css" id="customSkin"/>
  17. <!--框架必需end-->
  18. <!--数据表格start-->
  19. <script src="<%=path%>/libs/js/table/quiGrid.js" type="text/javascript"></script>
  20. <!--数据表格end-->
  21. </head>
  22. <body>
  23. <div class="box1">
  24. <button type="button" style="width:200px;" onclick='loaddataHandler()'>点击设置url</button>
  25. </div>
  26. <div class="padding_right5">
  27. <div id="maingrid"></div>
  28. </div>
  29. <script type="text/javascript">
  30. //数据表格使用
  31. var g;
  32. function initComplete(){
  33. g = $("#maingrid").quiGrid({
  34. columns:[
  35. { display: '姓名', name: 'userName', align: 'left', width: "18%"},
  36. { display: '所属部门', name: 'orgName', align: 'left', width: "20%"},
  37. { display: '性别', name: 'userSex', align: 'left', width: "10%"},
  38. { display: '入职时间', name: 'userEmployTime', align: 'left', width:"20%"} ,
  39. { display: '学历', name: 'userEducation', align: 'left', width:"20%"}
  40. ],
  41. sortName: 'userId',rownumbers:true,checkbox:true,url:'',
  42. height: '100%', width:"100%",pageSize:5,percentWidthMode:true
  43. });
  44. }
  45. function loaddataHandler(){
  46. g.setOptions({url:'<%=path%>/getUsersOfPager.action'})
  47. g.loadData();
  48. }
  49. </script>
  50. </body>
  51. </html>