博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js基于Layui模块化封装
阅读量:5122 次
发布时间:2019-06-13

本文共 2979 字,大约阅读时间需要 9 分钟。

//设置body高度$(function () {    var topHei = 0;    var CH = window.innerHeight || document.documentElement.clientHeight;    document.getElementsByTagName("body")[0].style.height = CH - topHei + 'px';    return CH - topHei;});//-------------对UI中表格进行模块化封装处理-----------------------------------var laytable;//基础参数配置var baseCfg = {    datatype: 'table',    page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局                , groups: 3 //只显示 1 个连续页码                , first: false //不显示首页                , last: false //不显示尾页                , limit: 5                , curr: location.hash.replace('#!fenye=', '') //获取起始页  , hash: 'fenye' //自定义hash值    }  , height: 415  , id: 'TableDataReload'  , method: "post"};var le= le|| {};(function () {    var commerical = function (cusCfg) {        this.config = {};        $.extend(this.config, baseCfg);        $.extend(this.config, cusCfg);        this.__init(this.config);        this.__bindEvent();    };    commerical.prototype = {        __init: function (cfg) {            layui.use(['table'], function () {                laytable = layui.table;                laytable.render(cfg);                if (cfg.actionBar) {                    laytable.on('tool(' + cfg.actionBarFilter + ')', function (obj) {                        var data = obj.data;                        var type = obj.event;                        active[type] ? active[type].call(this, data) : '';                    });                }            });        },        __bindEvent: function () {            //动态绑定全局.layui-btn按钮事件            $('.layui-btn').on('click', function () {                var type = $(this).data('type');                active[type] ? active[type].call(this) : '';            });        }    };    le.sy = function () {        return {            init: function (config) {                try {                    if (config == undefined || config == null) {                        throw 'config is empty!';                    } else {                        return new commerical(config);                    }                } catch (e) {                    return e;                }            },            reload: function (obj) {                laytable.reload('TableDataReload', {                    where: obj                });            },            layerOpen: function (domId,title) {                layer.open({                    type: 1,                    shade: 0.8,                    btnAlign: 'c',                    resize: false,                    title: title||"编辑",                    area: ['440px', '410px'],                    offset: ['100px', '200px'],                    content: $('#' + domId)                });            },            layerClose: function () {            },            msg: function (msg) {                layer.msg(msg);            }        }    }();})();

 

转载于:https://www.cnblogs.com/micnote/p/9800306.html

你可能感兴趣的文章
JAVA开发环境搭建
查看>>
Visual Studio基于CMake配置opencv1.0.0、opencv2.2
查看>>
SDN第四次作业
查看>>
django迁移数据库错误
查看>>
Data truncation: Out of range value for column 'Quality' at row 1
查看>>
字符串处理
查看>>
HtmlUnitDriver 网页内容动态抓取
查看>>
ad logon hour
查看>>
罗马数字与阿拉伯数字转换
查看>>
Eclipse 反编译之 JadClipse
查看>>
Python入门-函数
查看>>
距离公式汇总以及Python实现
查看>>
Window7上搭建symfony开发环境(PEAR)
查看>>
Linux内核态、用户态简介与IntelCPU特权级别--Ring0-3
查看>>
第23月第24天 git命令 .git-credentials git rm --cached git stash clear
查看>>
java SE :标准输入/输出
查看>>
[ JAVA编程 ] double类型计算精度丢失问题及解决方法
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>