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'。
