[开源] 基于Layui组件封装的后台模版,HG-Layui-UI通用后台管理框架V1.0版
缺宅男女粤语,什么是ted演讲,添加输入法
hg框架简介
hg-layui-ui框架,是基于layui最新版ui搭建的一套通用后台管理框架,借鉴了市面上各大主流框架风格,采用iframe标签页实现,保留了传统开发模式的简单实用性。 为快速开发减少重复代码量,框架内部admin.js中封装了常用的组件,包括弹窗提示、日期组件、表单监听、表单验证、数据表格组件、树形组件和request获取数据方法等。
2019-11-12更新 (懒加载模式存在效率问题,待修复..)
- 增加tree(layid, data, options) 采用官方树形组件,封装基本树形组件功能。
- 修改tree.js源码,增加懒加载模式,添加展开事件spread。
- 增加children(layid, childrenid, data) 拓展树形组件懒加载功能,事件spread中可直接调用obj.children()。
2019-11-01更新
- 引用layui-v2.5.5最新版。
- 增加主页面布局,由顶部layui-header、左侧菜单layui-left-nav和内容展示区域layui-page-content组成。
- 增加顶部layui-header,logo和标题展示,顶部一级菜单展示。
- 增加左侧菜单layui-left-nav,支持3级菜单,默认手风琴展开模式。
- 增加hg.add_tab、hg.del_tab、hg.add_lay_tab方法,用来管理tabs页。
- 增加顶部菜单与左侧菜单联动效果,切换tabs页时自动定位当前菜单项。
- 增加tabs页选项卡操作,刷新当前页面,关闭其他页面,关闭全部页面。
- 增加侧边伸缩按钮,在选项卡栏最左侧,改变左侧菜单展示状态。
- 引用jquery-1.9.1插件,依赖第三方jquery插件时用到。
- 引用jquery.scrollbar.js插件,美化滚动条样式,class="scrollbox"。
- 引用jquery.nprogress.js插件,请求进度条样式,iframe页面加载时显示。
- 修改layui默认样式颜色,默认主题以蓝色为主。
- 增加hg.msg(content, title)方法,弹出提示框。
- 增加hg.confirm(content, title, callbackmething)方法,弹出询问框。
- 增加hg.open(title, url, w, h, full)方法,打开弹出层。
- 增加hg.close()方法,关闭弹出层。
- 增加hg.base_reload()方法,刷新父窗口。
- 增加hg.datetime(btime, etime, options)方法,基本日期框选择。
- 增加hg.datetime2(elem, type, min, max)方法,组合日期框选择。
- 增加hg.getdate(type, e)方法,获取日期时间。
- 增加hg.request(url, data, type, contenttype, datatype, async, funsuccess)方法,网络请求。
- 增加hg.form.onsubmit(layfilter, _callback)方法,监听表单提交事件。
- 增加hg.form.onswitch(layfilter, _callback)方法,监听switch操作事件。
- 增加hg.form.verify(options)方法,表单自定义验证规则。
- 增加hg.table.datatable(layid, title, url, where, cols, toolbar, page, height, defaulttoolbar, totalrow)方法,基本数据表格。
- 增加hg.table.toolbaronclick(layid, index)方法,监听toolbar自定义事件。
- 增加datatable,监听行工具事件,操作行lay-event中定义值为触发函数名。
- 增加hg.table.printall(cols, data)方法,打印任意数据,defaulttoolbar='printall'。
- 增加hg.table.exportfile(layid, data)方法,导出任意数据,defaulttoolbar='exportsall'。
- 增加hg.table.datatablestatus,状态属性集合。
- 修改datatable,支持easyui数据格式解析方式,包括分页参数page和rows。
- 修改datatable,工具条toolbar参数添加handler: function (obj, row)匿名函数方式。
- 增加hg.table.datatable(layid, 'reload', where)方法,重载表格。
- 增加hg.table.getselected(layid, 'getselected')方法,获取选中行。
- 添加lay-height全屏高度设置属性,lay-height='full','full'='full-200'。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性:background-clip ,background-origin , background-size,本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
网友评论