style.js
4.4 KB
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
var Controller = {
index: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'style/index' + location.search,
add_url: 'style/add' + location.search,
edit_url: 'style/edit',
del_url: 'style/del',
multi_url: 'style/multi',
import_url: 'style/import',
table: 'style',
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
sortName: 'weigh',
escape: false,
pagination: false,
commonSearch: false,
search: false,
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id')},
{field: 'style_name', title: __('Style_name')},
{field: 'style_type', title: __('Style_type'), searchList: {"1":__('Style_type 1'),"2":__('Style_type 2'),"3":__('Style_type 3')}, formatter: Table.api.formatter.normal},
{field: 'display_mode', title: __('Display_mode'), searchList: {"1":__('Display_mode 1'),"2":__('Display_mode 2')}, formatter: Table.api.formatter.normal},
{field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
{field: 'weigh', title: __('Weigh')},
//操作栏,默认有编辑、删除或排序按钮,可自定义配置buttons来扩展按钮
{
field: 'operate',
title: __('Operate'),
table: table,
events: Table.api.events.operate,
buttons: [
{
name: 'detail',
title: __('风格选项'),
classname: 'btn btn-xs btn-warning btn-dialog',
icon: 'fa fa-list',
url: 'style_value?style_id={id}',
visible: function(row){
if(row.style_type == '1'){
return true;
}
}
}
],
formatter: Table.api.formatter.operate
}
]
]
});
// 为表格绑定事件
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('#t-', '');
var options = table.bootstrapTable('getOptions');
options.pageNumber = 1;
options.queryParams = function (params) {
// params.filter = JSON.stringify({type: typeStr});
params.display_mode = typeStr;
return params;
};
table.bootstrapTable('refresh', {});
return false;
});
},
add: function () {
Controller.api.bindevent();
},
edit: function () {
Controller.api.bindevent();
setTimeout(function () {
if($("#c-pid").val() == 0){
$("#c-display_mode").trigger("change");
}
}, 100);
},
api: {
bindevent: function () {
$(document).on("change", "#c-display_mode", function () {
$("#c-pid option[data-display_mode='all']").prop("selected", true);
if($(this).val() == 1){
$("#c-pid option[data-display_mode!='all']").removeClass("hide");
}else{
$("#c-pid option[data-display_mode!='all']").addClass("hide");
}
$("#c-pid").data("selectpicker") && $("#c-pid").selectpicker("refresh");
});
Form.api.bindevent($("form[role=form]"));
}
}
};
return Controller;
});