test.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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: 'test/index' + location.search,
  8. add_url: 'test/add',
  9. edit_url: 'test/edit',
  10. del_url: 'test/del',
  11. multi_url: 'test/multi',
  12. import_url: 'test/import',
  13. table: 'test',
  14. }
  15. });
  16. var table = $("#table");
  17. // 初始化表格
  18. table.bootstrapTable({
  19. url: $.fn.bootstrapTable.defaults.extend.index_url,
  20. pk: 'id',
  21. sortName: 'id',
  22. columns: [
  23. [
  24. {checkbox: true},
  25. {field: 'id', title: __('Id')},
  26. {field: 'name', title: __('Name'), operate: 'LIKE'},
  27. {field: 'avatar', title: __('Avatar'), operate: 'LIKE', events: Table.api.events.image, formatter: Table.api.formatter.image},
  28. {field: 'mobile', title: __('Mobile'), operate: 'LIKE', table: table, class: 'autocontent', formatter: Table.api.formatter.content},
  29. {field: 'status', title: __('Status'), searchList: {"1":__('Status 1'),"0":__('Status 0')}, formatter: Table.api.formatter.status},
  30. {field: 'aboutus_image', title: __('Aboutus_image'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image},
  31. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  32. ]
  33. ]
  34. });
  35. // 为表格绑定事件
  36. Table.api.bindevent(table);
  37. },
  38. recyclebin: function () {
  39. // 初始化表格参数配置
  40. Table.api.init({
  41. extend: {
  42. 'dragsort_url': ''
  43. }
  44. });
  45. var table = $("#table");
  46. // 初始化表格
  47. table.bootstrapTable({
  48. url: 'test/recyclebin' + location.search,
  49. pk: 'id',
  50. sortName: 'id',
  51. columns: [
  52. [
  53. {checkbox: true},
  54. {field: 'id', title: __('Id')},
  55. {field: 'name', title: __('Name'), align: 'left'},
  56. {
  57. field: 'deletetime',
  58. title: __('Deletetime'),
  59. operate: 'RANGE',
  60. addclass: 'datetimerange',
  61. formatter: Table.api.formatter.datetime
  62. },
  63. {
  64. field: 'operate',
  65. width: '140px',
  66. title: __('Operate'),
  67. table: table,
  68. events: Table.api.events.operate,
  69. buttons: [
  70. {
  71. name: 'Restore',
  72. text: __('Restore'),
  73. classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
  74. icon: 'fa fa-rotate-left',
  75. url: 'test/restore',
  76. refresh: true
  77. },
  78. {
  79. name: 'Destroy',
  80. text: __('Destroy'),
  81. classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
  82. icon: 'fa fa-times',
  83. url: 'test/destroy',
  84. refresh: true,
  85. confirm:'是否彻底删除数据?无法找回!'
  86. }
  87. ],
  88. formatter: Table.api.formatter.operate
  89. }
  90. ]
  91. ]
  92. });
  93. // 为表格绑定事件
  94. Table.api.bindevent(table);
  95. },
  96. add: function () {
  97. Controller.api.bindevent();
  98. },
  99. edit: function () {
  100. Controller.api.bindevent();
  101. },
  102. api: {
  103. bindevent: function () {
  104. Form.api.bindevent($("form[role=form]"));
  105. }
  106. }
  107. };
  108. return Controller;
  109. });