layui 官方提供的模組有時可能還無法滿足你,或者你試圖按照layer的模組規範來擴充套件乙個模組。那麼你有必要認識layui.define()方法。並粗略了解一下extend(我糾結過這個一小段時間)。
下面就讓我們一起擴充套件乙個layui模組吧:
第一步:確認模組名,假設為:mymod,然後新建乙個index.js 檔案放入專案任意目錄下(注意:不一定放入layui目錄,可以自己定義路徑)。
第二步:編寫index.js 如下:
layui.
define
(function
(exports)};
//輸出介面
exports
('mymod'
, obj);}
);
第三步:設定擴充套件模組所在的目錄,然後就可以在別的js檔案中使用了,例如:
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1, maximum-scale=1"
>
>
開始使用layuititle
>
rel=
"stylesheet"
href
="f:/layui/layui-v2.5.5/layui/css/layui.css"
>
head
>
>
src=
"f:/layui/layui-v2.5.5/layui/layui.js"
>
script
>
>
//config的設定是全域性的
layui.
config()
.extend()
;//使用拓展模組
layui.
use(
['mymod'],
function()
);script
>
body
>
html
>
使用layui定義乙個模組並使用的例項
在使用layui的過程,有幾個方法需要被多個js引用,所以我按照文件,自定義了乙個layui的模組,下面實現過程 先定義乙個模組 定義模組 layui.define form function exports datatype json success function data else form...
乙個擴充套件的 GridPanel
分頁後可儲存checkbox的選擇狀態。封裝的grid 功能 分頁後仍保持選中狀態 約定 root為list,totalproperty為total,grid的第一列必須為id ext.namespace ext.ux.grid ext.ux.grid.mygrid ext.extend ext.g...
開發乙個模組小結
想取得不一樣的東西,就要做不一樣的事 以前做工作,就是隨著做,沒有時間意識,雖然不是故意有一打沒一打的做,做實際上就是有一打沒一打的在做 看到別的同事一直在爭分奪秒的在做這個事,一直不是很理解,工作嘛,按計畫,按節奏完成就可以了嘛,幹嘛根和別人搶一樣 閒話不多說 這次就完成乙個框架,就是乙個筐子,把...