book_admin/public/assets/js/backend/manage/block.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                showToggle:false,
                showColumns:false,
                showExport:false,
                commonSearch:false,
            });

            //绑定事件
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                var panel = $($(this).attr("href"));
                if (panel.size() > 0) {
                    Controller.table[panel.attr("id")].call(this);
                    $(this).on('click', function (e) {
                        $($(this).attr("href")).find(".btn-refresh").trigger("click");
                    });
                }
                //移除绑定的事件
                $(this).unbind('shown.bs.tab');
            });

            //必须默认触发shown.bs.tab事件
            $('ul.nav-tabs li.active a[data-toggle="tab"]').trigger("shown.bs.tab");

        },
        table: {
            first: function () {
                // 表格1
                var table = $("#table");
                table.bootstrapTable({
                    url: 'manage/block/index?page_id=1',
                    extend:{
                        index_url: 'manage/block/index',
                        add_url: 'manage/block/add?page_id=1',
                        edit_url: 'manage/block/edit',
                        del_url: 'manage/block/del',
                        multi_url: 'manage/block/multi',
                        table: 'manage_block',
                    },
                    pk: 'id',
                    toolbar: '#toolbar1',
                    sortName: 'weigh',
                    search: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'name', title: __('Name')},
                            {field: 'second_name', title: __('Second_name')},
                            {field: 'type_text', title: __('Type')},
                            {field: 'weigh', title: __('Weigh')},
                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime},
                            {field: 'id', title: __('Blocklist'),formatter: Controller.api.formatter.id},
                            {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格1绑定事件
                Table.api.bindevent(table);
                Controller.api.bindevent();

            },
            second: function () {
                // 表格2
                var table2 = $("#table2");
                table2.bootstrapTable({
                    url: 'manage/block/index?page_id=2',
                    extend:{
                        index_url: 'manage/block/index',
                        add_url: 'manage/block/add?page_id=2',
                        edit_url: 'manage/block/edit',
                        del_url: 'manage/block/del',
                        table: 'manage_block',

                    },
                    pk: 'id',
                    toolbar: '#toolbar2',
                    sortName: 'weigh',
                    search: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'name', title: __('Name')},
                            {field: 'second_name', title: __('Second_name')},
                            {field: 'type_text', title: __('Type')},
                            {field: 'weigh', title: __('Weigh')},
                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime},
                            {field: 'id', title: __('Blocklist'),formatter: Controller.api.formatter.id},
                            {field: 'operate', title: __('Operate'), table: table2, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格2绑定事件
                Table.api.bindevent(table2);
                Controller.api.bindevent();

            },
            three: function () {
                // 表格3
                var table3 = $("#table3");
                table3.bootstrapTable({
                    url: 'manage/block/index?page_id=3',
                    extend:{
                        index_url: 'manage/block/index',
                        add_url: 'manage/block/add?page_id=3',
                        edit_url: 'manage/block/edit?page_id=3',
                        del_url: 'manage/block/del?page_id=3',
                        table: 'manage_block',

                    },
                    pk: 'id',
                    toolbar: '#toolbar3',
                    sortName: 'weigh',
                    search: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'name', title: __('Name')},
                            {field: 'second_name', title: __('Second_name')},
                            {field: 'type_text', title: __('Type')},
                            {field: 'weigh', title: __('Weigh')},
                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime},
                            {field: 'id', title: __('Blocklist'),formatter: Controller.api.formatter.id},
                            {field: 'operate', title: __('Operate'), table: table3, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格3绑定事件
                Table.api.bindevent(table3);
                Controller.api.bindevent();
            },
            four: function () {
                // 表格4
                var table4 = $("#table4");
                table4.bootstrapTable({
                    url: 'manage/block/index?page_id=4',
                    extend:{
                        index_url: 'manage/block/index',
                        add_url: 'manage/block/add?page_id=4',
                        edit_url: 'manage/block/edit?page_id=4',
                        del_url: 'manage/block/del?page_id=4',
                        table: 'manage_block',

                    },
                    pk: 'id',
                    toolbar: '#toolbar4',
                    sortName: 'weigh',
                    search: false,
                    columns: [
                        [
                            {checkbox: true},
                            {field: 'id', title: __('Id')},
                            {field: 'name', title: __('Name')},
                            {field: 'second_name', title: __('Second_name')},
                            {field: 'type_text', title: __('Type')},
                            {field: 'weigh', title: __('Weigh')},
                            {field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime},
                            {field: 'id', title: __('Blocklist'),formatter: Controller.api.formatter.id},
                            {field: 'operate', title: __('Operate'), table: table4, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        ]
                    ]
                });

                // 为表格4绑定事件
                Table.api.bindevent(table4);
                Controller.api.bindevent();
            }
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));

            },
            formatter: {
                id: function (value, row, index) {
                    //这里手动构造URL
                    url = "manage/blockresource?block_id=" + value+'&page_id='+row.page_id;
                    return '<a href="' + url + '" class="label label-success addtabsit" title="' + __("Search %s", value) + '">资源列表</a>';

                }
            }

        }
    };
    return Controller;
});