appConsultationList.js 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script>
  3. $(document).ready(function() {
  4. $('#appConsultationTable').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}/app/news/appConsultation/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}/app/news/appConsultation/delete?id="+row.id, function(data){
  64. if(data.success){
  65. $('#appConsultationTable').bootstrapTable('refresh');
  66. jp.success(data.msg);
  67. }else{
  68. jp.error(data.msg);
  69. }
  70. })
  71. });
  72. }
  73. },
  74. onClickRow: function(row, $el){
  75. },
  76. onShowSearch: function () {
  77. $("#search-collapse").slideToggle();
  78. },
  79. columns: [{
  80. checkbox: true
  81. },
  82. {
  83. field: 'title',
  84. title: '资讯标题',
  85. sortable: true,
  86. sortName: 'title',
  87. formatter:function(value, row , index){
  88. <c:choose>
  89. <c:when test="${fns:hasPermission('app:news:appConsultation:edit')}">
  90. return "<a href='javascript:edit(\""+row.id+"\")'>"+value+"</a>";
  91. </c:when>
  92. <c:when test="${fns:hasPermission('app:news:appConsultation:view')}">
  93. return "<a href='javascript:view(\""+row.id+"\")'>"+value+"</a>";
  94. </c:when>
  95. <c:otherwise>
  96. return value;
  97. </c:otherwise>
  98. </c:choose>
  99. }
  100. }
  101. ,{
  102. field: 'typeName',
  103. title: '资讯类别',
  104. sortable: true,
  105. sortName: 'typeName'
  106. }
  107. ,{
  108. field: 'createDate',
  109. title: '创建时间',
  110. sortable: true,
  111. sortName: 'createDate',
  112. formatter:function (value,row,index) {
  113. return jp.dateFormat(value,"yyyy-MM-dd")
  114. }
  115. }
  116. ,{
  117. field: 'newsResource',
  118. title: '资讯来源',
  119. sortable: true,
  120. sortName: 'newsResource'
  121. }
  122. ]
  123. });
  124. if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
  125. $('#appConsultationTable').bootstrapTable("toggleView");
  126. }
  127. $('#appConsultationTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
  128. 'check-all.bs.table uncheck-all.bs.table', function () {
  129. $('#remove').prop('disabled', ! $('#appConsultationTable').bootstrapTable('getSelections').length);
  130. $('#view,#edit').prop('disabled', $('#appConsultationTable').bootstrapTable('getSelections').length!=1);
  131. });
  132. $("#btnImport").click(function(){
  133. jp.open({
  134. type: 2,
  135. area: [500, 200],
  136. auto: true,
  137. title:"导入数据",
  138. content: "${ctx}/tag/importExcel" ,
  139. btn: ['下载模板','确定', '关闭'],
  140. btn1: function(index, layero){
  141. jp.downloadFile('${ctx}/app/news/appConsultation/import/template');
  142. },
  143. btn2: function(index, layero){
  144. var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
  145. iframeWin.contentWindow.importExcel('${ctx}/app/news/appConsultation/import', function (data) {
  146. if(data.success){
  147. jp.success(data.msg);
  148. refresh();
  149. }else{
  150. jp.error(data.msg);
  151. }
  152. });//调用保存事件
  153. jp.close(index);
  154. },
  155. btn3: function(index){
  156. jp.close(index);
  157. }
  158. });
  159. });
  160. $("#export").click(function(){//导出Excel文件
  161. jp.downloadFile('${ctx}/app/news/appConsultation/export');
  162. });
  163. $("#search").click("click", function() {// 绑定查询按扭
  164. $('#appConsultationTable').bootstrapTable('refresh');
  165. });
  166. $("#reset").click("click", function() {// 绑定查询按扭
  167. $("#searchForm input").val("");
  168. $("#searchForm select").val("");
  169. $("#searchForm .select-item").html("");
  170. $('#appConsultationTable').bootstrapTable('refresh');
  171. });
  172. });
  173. function getIdSelections() {
  174. return $.map($("#appConsultationTable").bootstrapTable('getSelections'), function (row) {
  175. return row.id
  176. });
  177. }
  178. function deleteAll(){
  179. jp.confirm('确认要删除该新闻记录吗?', function(){
  180. jp.loading();
  181. jp.get("${ctx}/app/news/appConsultation/deleteAll?ids=" + getIdSelections(), function(data){
  182. if(data.success){
  183. $('#appConsultationTable').bootstrapTable('refresh');
  184. jp.success(data.msg);
  185. }else{
  186. jp.error(data.msg);
  187. }
  188. })
  189. })
  190. }
  191. //刷新列表
  192. function refresh(){
  193. $('#appConsultationTable').bootstrapTable('refresh');
  194. }
  195. function add(){
  196. jp.openSaveDialog('新增党建资讯', "${ctx}/app/news/appConsultation/form",'1000px', '600px');
  197. }
  198. function edit(id){//没有权限时,不显示确定按钮
  199. if(id == undefined){
  200. id = getIdSelections();
  201. }
  202. jp.openSaveDialog('编辑党建资讯', "${ctx}/app/news/appConsultation/form?id=" + id, '1000px', '600px');
  203. }
  204. function view(id){//没有权限时,不显示确定按钮
  205. if(id == undefined){
  206. id = getIdSelections();
  207. }
  208. jp.openViewDialog('查看党建资讯', "${ctx}/app/news/appConsultation/form?id=" + id+"&mode=view", '1000px', '600px');
  209. }
  210. </script>