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