appBaseNewsList.js 8.7 KB

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