category.js 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
  2. var Controller = {
  3. index: function () {
  4. $(".btn-add").data("area",["700px","700px"]);
  5. // 初始化表格参数配置
  6. Table.api.init({
  7. extend: {
  8. index_url: 'category/index',
  9. add_url: 'category/add',
  10. edit_url: 'category/edit',
  11. del_url: 'category/del',
  12. multi_url: 'category/multi',
  13. dragsort_url: 'ajax/weigh',
  14. table: 'category',
  15. }
  16. });
  17. var table = $("#table");
  18. var tableOptions = {
  19. url: $.fn.bootstrapTable.defaults.extend.index_url,
  20. pk: 'id',
  21. sortName: 'weigh',
  22. pagination: false,
  23. commonSearch: false,
  24. search: false,
  25. columns: [
  26. [
  27. {checkbox: true},
  28. {field: 'id', title: __('Id')},
  29. {field: 'type', title: __('Type'), operate: false, searchList: Config.searchList, formatter: Table.api.formatter.label},
  30. {field: 'name', title: __('Name'), align: 'left', formatter:function (value, row, index) {
  31. return value.toString().replace(/(&|&)nbsp;/g, ' ');
  32. }
  33. },
  34. {field: 'nickname', title: __('Nickname')},
  35. {field: 'flag', title: __('Flag'), formatter: Table.api.formatter.flag},
  36. {field: 'image', title: __('Image'), operate: false, events: Table.api.events.image, formatter: Table.api.formatter.image},
  37. {field: 'weigh', title: __('Weigh')},
  38. {field: 'status', title: __('Status'), operate: false, formatter: Table.api.formatter.status},
  39. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
  40. ]
  41. ]
  42. };
  43. // 初始化表格
  44. table.bootstrapTable(tableOptions);
  45. // 为表格绑定事件
  46. Table.api.bindevent(table);
  47. table.on('post-body.bs.table',function(){
  48. $(".btn-editone").data("area",["700px","700px"]);
  49. });
  50. //绑定TAB事件
  51. $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  52. // var options = table.bootstrapTable(tableOptions);
  53. var typeStr = $(this).attr("href").replace('#', '');
  54. var options = table.bootstrapTable('getOptions');
  55. options.pageNumber = 1;
  56. options.queryParams = function (params) {
  57. // params.filter = JSON.stringify({type: typeStr});
  58. params.type = typeStr;
  59. return params;
  60. };
  61. table.bootstrapTable('refresh', {});
  62. return false;
  63. });
  64. //必须默认触发shown.bs.tab事件
  65. // $('ul.nav-tabs li.active a[data-toggle="tab"]').trigger("shown.bs.tab");
  66. },
  67. add: function () {
  68. Controller.api.bindevent();
  69. setTimeout(function () {
  70. $("#c-type").trigger("change");
  71. }, 100);
  72. },
  73. edit: function () {
  74. Controller.api.bindevent();
  75. },
  76. api: {
  77. bindevent: function () {
  78. $(document).on("change", "#c-type", function () {
  79. $("#c-pid option[data-type='all']").prop("selected", true);
  80. $("#c-pid option").removeClass("hide");
  81. $("#c-pid option[data-type!='" + $(this).val() + "'][data-type!='all']").addClass("hide");
  82. $("#c-pid").data("selectpicker") && $("#c-pid").selectpicker("refresh");
  83. });
  84. Form.api.bindevent($("form[role=form]"));
  85. }
  86. }
  87. };
  88. return Controller;
  89. });