huaqiapp/server/public/assets/js/backend/manage.js

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

    var Controller = {
        index: function () {
            var table = $("#table");
            var tableName = table.data("table");
            var meta = Config.columns || [];

            // 依据后端字段元数据动态构建列
            var head = [[{checkbox: true, width: 40}]];
            meta.forEach(function (col) {
                head[0].push({
                    field: col.field,
                    title: col.title,
                    sortable: !!col.sortable,
                    operate: col.search ? 'LIKE' : false,
                    formatter: function (value) {
                        if (value === null || value === undefined || value === '' || value === '0' && col.type === 'date') {
                            return '<span class="text-muted">-</span>';
                        }
                        if (value === '') {
                            return '<span class="text-muted">-</span>';
                        }
                        return $('<div>').text(value).html();
                    }
                });
            });
            head[0].push({
                field: 'operate',
                title: '操作',
                table: table,
                events: Table.api.events.operate,
                formatter: Table.api.formatter.operate,
                width: 110
            });

            Table.api.init({
                extend: {
                    index_url: 'manage/index?table=' + tableName,
                    add_url: 'manage/add?table=' + tableName,
                    edit_url: 'manage/edit?table=' + tableName,
                    del_url: 'manage/del?table=' + tableName,
                    multi_url: 'manage/multi?table=' + tableName,
                    table: tableName
                }
            });

            table.bootstrapTable({
                url: 'manage/index?table=' + tableName,
                pk: 'id',
                sortName: 'id',
                sortOrder: 'desc',
                search: true,
                commonSearch: false,
                showExport: false,
                pageSize: 20,
                pageList: [10, 20, 50, 100],
                columns: head,
                queryParams: function (params) {
                    params.table = tableName;
                    return params;
                }
            });

            Table.api.bindevent(table);

            table.on('load-success.bs.table', function (e, data) {
                if (data && typeof data.total !== 'undefined') {
                    $('#hq-total').text(data.total);
                }
            });
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
                $(document).on('click', '.btn-return', function () {
                    parent.Layer.closeAll();
                });
            }
        }
    };
    return Controller;
});