Home Explore Help
Register Sign In
PerfectEquation
/
GZ
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: db155e2997
Branches Tags
GZ
/
nwyj
/
.svn
/
pristine
/
5c
/
5c779ff5cabfdda270e19dbcb84537cd545a00ba.svn-base

5c779ff5cabfdda270e19dbcb84537cd545a00ba.svn-base 14 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    2. 

  2. <% 
    3. 

  3. 	String path = request.getContextPath();
    4. 

  4. %>
    5. 

  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    6. 

  6. <html xmlns="http://www.w3.org/1999/xhtml">
    7. 

  7. <head>
    8. 

  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    9. 

  9. <title>锁定列</title>
    10. 

  10. <!--框架必需start-->
    11. 

  11. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
    12. 

  12. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
    13. 

  13. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
    14. 

  14. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
    15. 

  15. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
    16. 

  16. <link rel="stylesheet" type="text/css" id="customSkin"/>
    17. 

  17. <!--框架必需end-->
    18. 

  18. 

  19. <!--数据表格start-->
    20. 

  20. <script src="<%=path%>/libs/js/table/quiGrid.js" type="text/javascript"></script>
    21. 

  21. <!--数据表格end-->
    22. 

  22. </head>
    23. 

  23. <body>
    24. 

  24. 	<div class="box2" panelTitle="表格操作" id="searchPanel">
    25. 

  25. 	   <input type="button" value="滚动到底部" onclick="scrollHandler('bottom',null,false)"/>
    26. 

  26. 		<input type="button" value="滚动到顶部" onclick="scrollHandler('top',null,false)"/>
    27. 

  27. 		<input type="button" value="滚动到底部（缓动）" onclick="scrollHandler('bottom',null,true)"/>
    28. 

  28. 		<input type="button" value="滚动到顶部（缓动）" onclick="scrollHandler('top',null,true)"/>
    29. 

  29. 		<input type="button" value="滚动到右侧" onclick="scrollHandler(null,'right',false)"/>
    30. 

  30. 		<input type="button" value="滚动到左侧" onclick="scrollHandler(null,'left',false)"/><br/>
    31. 

  31. 		<input type="button" value="滚动到右侧（缓动）" onclick="scrollHandler(null,'right',true)"/>
    32. 

  32. 		<input type="button" value="滚动到左侧（缓动）" onclick="scrollHandler(null,'left',true)"/>
    33. 

  33. 		<input type="button" value="滚动到右下侧" onclick="scrollHandler('bottom','right',false)"/>
    34. 

  34. 		<input type="button" value="滚动到左上侧" onclick="scrollHandler('top','left',false)"/>
    35. 

  35. 		<input type="button" value="滚动到右下侧（缓动）" onclick="scrollHandler('bottom','right',true)"/>
    36. 

  36. 		<input type="button" value="滚动到左上侧（缓动）" onclick="scrollHandler('top','left',true)"/>
    37. 

  37. 	</div>
    38. 

  38. 	
    39. 

  39. 	
    40. 

  40. 	<div class="padding_right5">
    41. 

  41. 		<div id="maingrid"></div>
    42. 

  42.     </div>
    43. 

  43. 	<script type="text/javascript">
    44. 

  44.         var testData={"form.paginate.pageNo":1,"form.paginate.totalRows":13,"rows":[
    45. 

  45.       {"deptName":"部门1","sex":"女","remark":"好啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":125,"degree":"硕士结业","age":20,"name":"员工1","deptId":12,"ability":1},
    46. 

  46.       {"deptName":"部门1","sex":"男","remark":"备注啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":124,"degree":"本科毕业","age":20,"name":"员工2","deptId":11,"ability":2},
    47. 

  47.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":123,"degree":"本科毕业","age":20,"name":"员工3","deptId":9,"ability":2},
    48. 

  48.       {"deptName":"部门1","sex":"女","remark":"不错啊","hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":121,"degree":"硕士肄业","age":20,"name":"员工4","deptId":8,"ability":3},
    49. 

  49.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":120,"degree":"博士肄业","age":20,"name":"员工5","deptId":7,"ability":4},
    50. 

  50.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工6","deptId":6,"ability":5},
    51. 

  51.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工7","deptId":6,"ability":6},
    52. 

  52.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工8","deptId":6,"ability":5},
    53. 

  53.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工9","deptId":6,"ability":3},
    54. 

  54.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工10","deptId":6,"ability":1},
    55. 

  55.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工11","deptId":6,"ability":5},
    56. 

  56.       {"deptName":"部门1","sex":"女","remark":"好啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":125,"degree":"硕士结业","age":20,"name":"员工1","deptId":12,"ability":1},
    57. 

  57.       {"deptName":"部门1","sex":"男","remark":"备注啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":124,"degree":"本科毕业","age":20,"name":"员工2","deptId":11,"ability":2},
    58. 

  58.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":123,"degree":"本科毕业","age":20,"name":"员工3","deptId":9,"ability":2},
    59. 

  59.       {"deptName":"部门1","sex":"女","remark":"不错啊","hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":121,"degree":"硕士肄业","age":20,"name":"员工4","deptId":8,"ability":3},
    60. 

  60.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":120,"degree":"博士肄业","age":20,"name":"员工5","deptId":7,"ability":4},
    61. 

  61.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工6","deptId":6,"ability":5},
    62. 

  62.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工7","deptId":6,"ability":6},
    63. 

  63.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工8","deptId":6,"ability":5},
    64. 

  64.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工9","deptId":6,"ability":3},
    65. 

  65.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工10","deptId":6,"ability":1},
    66. 

  66.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工11","deptId":6,"ability":5},
    67. 

  67.       {"deptName":"部门1","sex":"女","remark":"好啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":125,"degree":"硕士结业","age":20,"name":"员工1","deptId":12,"ability":1},
    68. 

  68.       {"deptName":"部门1","sex":"男","remark":"备注啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":124,"degree":"本科毕业","age":20,"name":"员工2","deptId":11,"ability":2},
    69. 

  69.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":123,"degree":"本科毕业","age":20,"name":"员工3","deptId":9,"ability":2},
    70. 

  70.       {"deptName":"部门1","sex":"女","remark":"不错啊","hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":121,"degree":"硕士肄业","age":20,"name":"员工4","deptId":8,"ability":3},
    71. 

  71.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":120,"degree":"博士肄业","age":20,"name":"员工5","deptId":7,"ability":4},
    72. 

  72.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工6","deptId":6,"ability":5},
    73. 

  73.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工7","deptId":6,"ability":6},
    74. 

  74.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工8","deptId":6,"ability":5},
    75. 

  75.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工9","deptId":6,"ability":3},
    76. 

  76.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工10","deptId":6,"ability":1},
    77. 

  77.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工11","deptId":6,"ability":5},
    78. 

  78.       {"deptName":"部门1","sex":"女","remark":"好啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":125,"degree":"硕士结业","age":20,"name":"员工1","deptId":12,"ability":1},
    79. 

  79.       {"deptName":"部门1","sex":"男","remark":"备注啊","hobby":["唱歌"],"beginworkDate":"2012-06-13 00:00:00.0","photo":null,"version":null,"id":124,"degree":"本科毕业","age":20,"name":"员工2","deptId":11,"ability":2},
    80. 

  80.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":123,"degree":"本科毕业","age":20,"name":"员工3","deptId":9,"ability":2},
    81. 

  81.       {"deptName":"部门1","sex":"女","remark":"不错啊","hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":121,"degree":"硕士肄业","age":20,"name":"员工4","deptId":8,"ability":3},
    82. 

  82.       {"deptName":"部门1","sex":"男","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-12 00:00:00.0","photo":null,"version":null,"id":120,"degree":"博士肄业","age":20,"name":"员工5","deptId":7,"ability":4},
    83. 

  83.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工6","deptId":6,"ability":5},
    84. 

  84.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工7","deptId":6,"ability":6},
    85. 

  85.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工8","deptId":6,"ability":5},
    86. 

  86.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工9","deptId":6,"ability":3},
    87. 

  87.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工10","deptId":6,"ability":1},
    88. 

  88.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工11","deptId":6,"ability":5},
    89. 

  89.       {"deptName":"部门2","sex":"女","remark":null,"hobby":["唱歌","跳舞"],"beginworkDate":"2012-06-05 00:00:00.0","photo":null,"version":null,"id":119,"degree":"博士肄业","age":20,"name":"员工12","deptId":6,"ability":5}
    90. 

  90.       ]}
    91. 

  91.        
    92. 

  92.        //数据表格使用
    93. 

  93.         var g;
    94. 

  94. 		function initComplete(){
    95. 

  95. 			 g = $("#maingrid").quiGrid({
    96. 

  96.                 columns: [ 
    97. 

  97.                     //frozen:true 将该列冻结，在左侧显示
    98. 

  98. 	                { display: '姓名', name: 'name', align: 'center',  width: 500},
    99. 

  99. 	                { display: '性别', name: 'sex', align: 'center' , width: 500},
    100. 

  100. 	                { display: '部门', name: 'deptName',  align: 'center' , width:500},
    101. 

  101. 	                { display: '学历', name: 'degree',  align: 'center', width: 500}
    102. 

  102.                 ], data:testData, pageSize: 50, rownumbers:true, checkbox:true,
    103. 

  103.                 height: '100%', width:"100%"
    104. 

  104.             });
    105. 

  105.             
    106. 

  106.             $("#searchPanel").bind("stateChange",function(e,state){
    107. 

  107. 				g.resetHeight();
    108. 

  108. 			});
    109. 

  109. 		}
    110. 

  110.         function scrollHandler(scrollY,scrollX,anmition){
    111. 

  111.         	g.setScroller(scrollY,scrollX,anmition);
    112. 

  112.         }
    113. 

  113.     </script>	
    114. 

  114. </body>
    115. 

  115. </html>
    116.