eduPaperList.js 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script>
  3. $(document).ready(function() {
  4. $('#eduPaperTable').bootstrapTable({
  5. //请求方法
  6. method: 'post',
  7. //类型json
  8. dataType: "json",
  9. contentType: "application/x-www-form-urlencoded",
  10. //显示检索按钮
  11. showSearch: true,
  12. //显示刷新按钮
  13. showRefresh: true,
  14. //显示切换手机试图按钮
  15. showToggle: true,
  16. //显示 内容列下拉框
  17. showColumns: true,
  18. //显示到处按钮
  19. showExport: false,
  20. //显示切换分页按钮
  21. showPaginationSwitch: true,
  22. //最低显示2行
  23. minimumCountColumns: 2,
  24. //是否显示行间隔色
  25. striped: true,
  26. //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
  27. cache: false,
  28. //是否显示分页(*)
  29. pagination: true,
  30. //排序方式
  31. sortOrder: "asc",
  32. //初始化加载第一页,默认第一页
  33. pageNumber:1,
  34. //每页的记录行数(*)
  35. pageSize: 10,
  36. //可供选择的每页的行数(*)
  37. pageList: [10, 25, 50, 100],
  38. //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
  39. url: "${ctx}/exam/eduPaper/data",
  40. //默认值为 'limit',传给服务端的参数为:limit, offset, search, sort, order Else
  41. //queryParamsType:'',
  42. ////查询参数,每次调用是会带上这个参数,可自定义
  43. queryParams : function(params) {
  44. var searchParam = $("#searchForm").serializeJSON();
  45. searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
  46. searchParam.pageSize = params.limit === undefined? -1 : params.limit;
  47. searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+ params.order;
  48. return searchParam;
  49. },
  50. //分页方式:client客户端分页,server服务端分页(*)
  51. sidePagination: "server",
  52. contextMenuTrigger:"right",//pc端 按右键弹出菜单
  53. contextMenuTriggerMobile:"press",//手机端 弹出菜单,click:单击, press:长按。
  54. contextMenu: '#context-menu',
  55. onContextMenuItem: function(row, $el){
  56. if($el.data("item") == "edit"){
  57. edit(row.id);
  58. }else if($el.data("item") == "view"){
  59. view(row.id);
  60. } else if($el.data("item") == "delete"){
  61. jp.confirm('确认要删除该试卷记录吗?', function(){
  62. jp.loading();
  63. jp.get("${ctx}/exam/eduPaper/delete?id="+row.id, function(data){
  64. if(data.success){
  65. $('#eduPaperTable').bootstrapTable('refresh');
  66. jp.success(data.msg);
  67. }else{
  68. jp.error(data.msg);
  69. }
  70. })
  71. });
  72. }
  73. },
  74. onShowSearch: function () {
  75. $("#search-collapse").slideToggle();
  76. },
  77. columns: [{
  78. checkbox: true
  79. }
  80. ,{
  81. field: 'name',
  82. title: '试卷名称',
  83. sortable: true,
  84. sortName: 'name'
  85. ,formatter:function(value, row , index){
  86. value = jp.unescapeHTML(value);
  87. return "<a href='javascript:view(\""+row.id+"\")'>"+value+"</a>";
  88. }
  89. }
  90. ,{
  91. field: 'examTime',
  92. title: '考试时间',
  93. sortable: true,
  94. sortName: 'examTime'
  95. ,formatter:function(value, row , index){
  96. value = jp.unescapeHTML(value);
  97. return value+'分钟';
  98. }
  99. }
  100. ,{
  101. field: 'score',
  102. title: '总分数',
  103. sortable: true,
  104. sortName: 'score'
  105. },{
  106. field: 'isFix',
  107. title: '固定试题',
  108. sortable: true,
  109. sortName: 'isFix',
  110. formatter:function (value, row , index) {
  111. return value == '1' ? '是': '否';
  112. }
  113. }
  114. ]
  115. });
  116. if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
  117. $('#eduPaperTable').bootstrapTable("toggleView");
  118. }
  119. $('#eduPaperTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
  120. 'check-all.bs.table uncheck-all.bs.table', function () {
  121. $('#remove').prop('disabled', ! $('#eduPaperTable').bootstrapTable('getSelections').length);
  122. $('#view,#edit').prop('disabled', $('#eduPaperTable').bootstrapTable('getSelections').length!=1);
  123. });
  124. $("#export").click(function(){//导出Excel文件
  125. jp.downloadFile('${ctx}/exam/eduPaper/export');
  126. });
  127. $("#search").click("click", function() {// 绑定查询按扭
  128. $('#eduPaperTable').bootstrapTable('refresh');
  129. });
  130. $("#reset").click("click", function() {// 绑定查询按扭
  131. $("#searchForm input").val("");
  132. $("#searchForm select").val("");
  133. $("#searchForm .select-item").html("");
  134. $('#eduPaperTable').bootstrapTable('refresh');
  135. });
  136. });
  137. function getIdSelections() {
  138. return $.map($("#eduPaperTable").bootstrapTable('getSelections'), function (row) {
  139. return row.id
  140. });
  141. }
  142. function deleteAll(){
  143. jp.confirm('确认要删除该试卷记录吗?', function(){
  144. jp.loading();
  145. jp.get("${ctx}/exam/eduPaper/deleteAll?ids=" + getIdSelections(), function(data){
  146. if(data.success){
  147. $('#eduPaperTable').bootstrapTable('refresh');
  148. jp.success(data.msg);
  149. }else{
  150. jp.error(data.msg);
  151. }
  152. })
  153. })
  154. }
  155. //刷新列表
  156. function refresh(){
  157. $('#eduPaperTable').bootstrapTable('refresh');
  158. }
  159. function add(){
  160. jp.go("${ctx}/exam/eduPaper/form/add?isFix=0");
  161. }
  162. function addFix(){
  163. jp.go("${ctx}/exam/eduPaper/form/add?isFix=1");
  164. }
  165. function edit(id){
  166. if(id == undefined){
  167. id = getIdSelections();
  168. }
  169. jp.go("${ctx}/exam/eduPaper/form/edit?id=" + id);
  170. }
  171. function view(id){//没有权限时,不显示确定按钮
  172. if(id == undefined){
  173. id = getIdSelections();
  174. }
  175. jp.go("${ctx}/exam/eduPaper/form/view?id=" + id);
  176. }
  177. </script>