layui如何使用模塊化
這篇文章將為大家詳細講解有關(guān)layui如何使用模塊化，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！專注中小微企業(yè)官網(wǎng)定制，網(wǎng)站建設(shè)、成都做網(wǎng)站，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。
layui使用模塊化的方法：遵循layui的模塊規(guī)范建立一個入口文件，并通過layui.use()方法加載該入口文件即可，如【layui.use(['layer'],function(){var layer = layui.layer}】。
模塊化的使用：
注意：引入的JS是:/layui/layui.js
遵循 layui 的模塊規(guī)范建立一個入口文件，并通過 layui.use() 方式來加載該入口文件
示例：
模塊化的使用
補充：為了方便使用可以使用下面方法引入
function deleteDictBatch(){
var form,layer;
layui.use(['form','layer'],function () {
form = layui.form;
layer=layui.layer;
});
//獲取選中的元素的個數(shù)
var length_1 = $("[name='dictionaryCheckbox']:checked").length;
//1.如果選中的個數(shù)為0，直接退出函數(shù)，提示選擇字典刪除
if(length_1 ==0 ){
layer.alert("請選中需要刪除的字典")
return ;
}
//如果有元素需要被刪除
else{
if(!confirm("您確認要刪除下列字典?")){//點取消也退出函數(shù)
return;
}
//第二種方式，以數(shù)組的方式去提交。后臺用string接收
var values = [];
$("[name='dictionaryCheckbox']:checked").each(function (i) {//i代表索引
values[i]=$(this).val();
})
$.post(contextPath+'/dictionary/deleteDictBatch.do',{dictionaryIds:values.toString()},function(response){
alert(response);
if(response == "刪除成功"){
getDictionaryTree();//查詢字典樹
getDictionaryFY();//分頁查詢字典信息
}
},'text')
//刪除的業(yè)務(wù)邏輯
}
}也可以將layer和form作為全局變量引入使用：
/**
* @author: qlq
* @time: 9:31
* @description: 添加培養(yǎng)方案的JS
*/
/**
* 一次性自調(diào)函數(shù)初始化兩個全局變量
*/
var lyer,form;
(function () {
layui.use(['layer','form'],function () {
layer=layui.layer,form=layui.form;
})
})();
/**
* 頁面加載完成后執(zhí)行一些函數(shù)
*/
$(function () {
layer.msg("消息框")
});
/**********S *****************/關(guān)于layui如何使用模塊化就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
分享名稱：layui如何使用模塊化
文章分享：http://m.jiaotiyi.com/article/gsdehg.html