easyui表格基本配置封装-优快云博客

本文链接：https://blog.youkuaiyun.com/IF_YOU5849/article/details/97375725

本文介绍了在项目中为解决easyui表格基础配置重复问题，进行的封装方法。通过引入封装后的JS代码，可以简化页面中的表格配置，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当项目中大量引用easyui，表格的基本配置显得重复且冗余；

// easyui表格配置
// pageSize 页码(数值类型)，pageList页大小(数组);
// 调用时不传参数，为默认值;
function easyuiDefaultConfig(pageSize = 20,pageList = [20,40,60]){
    if ($.fn.datagrid) {
        $.fn.datagrid.defaults.pageSize = pageSize;
        $.fn.datagrid.defaults.pageList = pageList;
    }
    if ($.fn.pagination) {
        $.fn.pagination.defaults.beforePageText = '第';
        $.fn.pagination.defaults.afterPageText = '页,共{pages}页';
        $.fn.pagination.defaults.displayMsg = '当前显示{from}到{to}条,共{total}条记录';
    }
    $.fn.datebox.defaults.formatter = function (date) {
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        var d = date.getDate();
        return y + '-' + m + '-' + d;
    }
    $.fn.datebox.defaults.parser = function (s) {
        var t = Date.parse(s);
        if (!isNaN(t)) {
            return new Date(t);
        } else {
            return new Date();
        }
    }
}

调用方法：页面中引入封装代码的js；

//直接调用，不传参数时使用默认页码；
easyuiDefaultConfig(10，[10,20,30]),