bootstrap table初始化方法封装，在同一个页面初始化多个表格

/* 初始化表格*/var TableInit = function () {var oTableInit = {};//初始化TableoTableInit.Init = function (table,url,columns) {table.bootstrapTable($.extend({}, tableDefaults, {queryParams: queryParams,//参数resp

zhaoqx又困了吗

3567人浏览 · 2020-12-23 18:51:02

zhaoqx又困了吗 · 2020-12-23 18:51:02 发布


/* 初始化表格*/
var TableInit = function () {
    var oTableInit = {};
    //初始化Table
    oTableInit.Init = function (table,url,columns) {
        table.bootstrapTable($.extend({}, tableDefaults, {
            queryParams: queryParams,//参数
            responseHandler: responseHandler,
            async: true,
            url: url,
            height: '100%',
            showHeader: 'false',
            columns: columns,
            onLoadSuccess(data){
                console.log(data.rows)
                listTotal = data.total;
            }
        }));
    };
    return oTableInit;
};

$(function(){
     var oTable = new TableInit();
    oTable.Init($('#libList1'),'/project/getProjectList',column.columns1);
     var oTable1 = new TableInit();
    oTable1.Init($('#libList2'),'/project/getProjectList',column.columns2);
 
})


###### 更新：
$.extend({},defaults, options)

这样做的目的是为了保护包默认参数。也就是defaults里面的参数。

做法是将一个新的空对象（{}）做为$.extend的第一个参数，defaults和用户传递的参数对象紧随其后，这样做的好处是所有值被合并到这个空对象上，保护了插件里面的默认值。