擴充套件乙個 layui 模組

2021-09-29 06:16:49 字數 1145 閱讀 4095

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...

開發乙個模組小結

想取得不一樣的東西,就要做不一樣的事 以前做工作,就是隨著做,沒有時間意識,雖然不是故意有一打沒一打的做,做實際上就是有一打沒一打的在做 看到別的同事一直在爭分奪秒的在做這個事,一直不是很理解,工作嘛,按計畫,按節奏完成就可以了嘛,幹嘛根和別人搶一樣 閒話不多說 這次就完成乙個框架,就是乙個筐子,把...