page.js 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
  2. var Controller = {
  3. index: function () {
  4. // 初始化表格参数配置
  5. Table.api.init({
  6. extend: {
  7. index_url: 'page/index',
  8. add_url: 'page/add',
  9. edit_url: 'page/edit',
  10. del_url: 'page/del',
  11. multi_url: 'page/multi',
  12. table: 'page',
  13. }
  14. });
  15. var table = $("#table");
  16. // 初始化表格
  17. table.bootstrapTable({
  18. url: $.fn.bootstrapTable.defaults.extend.index_url,
  19. sortName: 'weigh',
  20. columns: [
  21. [
  22. {field: 'state', checkbox: true},
  23. {field: 'id', title: __('Id'), operate: false},
  24. {field: 'category_id', title: __('Category_id'), operate: '='},
  25. {field: 'category.name', title: __('Category'), operate: '='},
  26. {field: 'title', title: __('Title'), operate: 'LIKE %...%', placeholder: '关键字,模糊搜索'},
  27. {field: 'flag', title: __('Flag'), formatter: Table.api.formatter.flag, operate: false},
  28. {field: 'image', title: __('Image'), formatter: Table.api.formatter.image, operate: false},
  29. {field: 'views', title: __('Views'), operate: false},
  30. {field: 'comments', title: __('Comments'), operate: false},
  31. {field: 'weigh', title: __('Weigh'), operate: false},
  32. {field: 'status', title: __('Status'), formatter: Table.api.formatter.status, searchList: {'normal': __('Normal'), 'hidden': __('Hidden')}, style: 'min-width:100px;'},
  33. {field: 'createtime', title: __('Create Time'), formatter: Table.api.formatter.datetime, operate: 'BETWEEN', type: 'datetime', addclass: 'datetimepicker', data: 'data-date-format="YYYY-MM-DD"'},
  34. {field: 'operate', title: __('Operate'), events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  35. ]
  36. ],
  37. //普通搜索
  38. commonSearch: true,
  39. titleForm: '', //为空则不显示标题,不定义默认显示:普通搜索
  40. });
  41. // 为表格绑定事件
  42. Table.api.bindevent(table);
  43. },
  44. add: function () {
  45. Controller.api.bindevent();
  46. },
  47. edit: function () {
  48. Controller.api.bindevent();
  49. },
  50. api: {
  51. bindevent: function () {
  52. Form.api.bindevent($("form[role=form]"));
  53. }
  54. }
  55. };
  56. return Controller;
  57. });