|
|
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
|
|
|
|
|
|
var Controller = {
|
|
|
index: function () {
|
|
|
// 初始化表格参数配置
|
|
|
Table.api.init({
|
|
|
extend: {
|
|
|
index_url: 'size_template/index' + location.search,
|
|
|
add_url: 'size_template/add',
|
|
|
edit_url: 'size_template/edit',
|
|
|
del_url: 'size_template/del',
|
|
|
multi_url: 'size_template/multi',
|
|
|
import_url: 'size_template/import',
|
|
|
table: 'style_template',
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var table = $("#table");
|
|
|
|
|
|
// 初始化表格
|
|
|
table.bootstrapTable({
|
|
|
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
|
|
pk: 'id',
|
|
|
sortName: 'id',
|
|
|
pagination: false,
|
|
|
commonSearch: false,
|
|
|
search: false,
|
|
|
columns: [
|
|
|
[
|
|
|
{checkbox: true},
|
|
|
{field: 'id', title: __('Id')},
|
|
|
{field: 'type', title: __('模板类型'), operate: false, searchList: Config.typeList, formatter: Table.api.formatter.label},
|
|
|
{field: 'name', title: __('Name')},
|
|
|
{field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
|
|
|
//操作栏,默认有编辑、删除或排序按钮,可自定义配置buttons来扩展按钮
|
|
|
{
|
|
|
field: 'operate',
|
|
|
width: "150px",
|
|
|
title: __('Operate'),
|
|
|
table: table,
|
|
|
events: Table.api.events.operate,
|
|
|
buttons: [
|
|
|
{
|
|
|
name: 'addtabs',
|
|
|
title: __('规格列表'),
|
|
|
classname: 'btn btn-xs btn-warning btn-addtabs',
|
|
|
icon: 'fa fa-list',
|
|
|
url: 'style/index?style_template_id={id}'
|
|
|
}
|
|
|
],
|
|
|
formatter: function (value, row, index) {
|
|
|
var that = $.extend({}, this);
|
|
|
var table = $(that.table).clone(true);
|
|
|
if(row.type == 'size'){
|
|
|
$(table).data("operate-del", null); // 列表页面隐藏 .编辑operate-edit - 删除按钮operate-del
|
|
|
}
|
|
|
that.table = table;
|
|
|
return Table.api.formatter.operate.call(that, value, row, index);
|
|
|
}
|
|
|
},
|
|
|
]
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 为表格绑定事件
|
|
|
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;
|
|
|
console.log(params);
|
|
|
return params;
|
|
|
};
|
|
|
table.bootstrapTable('refresh', {});
|
|
|
return false;
|
|
|
});
|
|
|
},
|
|
|
add: function () {
|
|
|
Controller.api.bindevent();
|
|
|
},
|
|
|
edit: function () {
|
|
|
Controller.api.bindevent();
|
|
|
},
|
|
|
api: {
|
|
|
bindevent: function () {
|
|
|
Form.api.bindevent($("form[role=form]"));
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
return Controller;
|
|
|
}); |
|
|
\ No newline at end of file |
...
|
...
|
|