layui如何使用模塊化

發(fā)布時間：2020-11-24 11:34:11 來源：億速云閱讀：176 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)layui如何使用模塊化，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

layui使用模塊化的方法：遵循layui的模塊規(guī)范建立一個入口文件，并通過layui.use()方法加載該入口文件即可，如【layui.use(['layer'],function(){var layer = layui.layer}】。

模塊化的使用：

注意：引入的JS是:/layui/layui.js

遵循 layui 的模塊規(guī)范建立一個入口文件，并通過 layui.use() 方式來加載該入口文件

示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>模塊化的使用</title>
    <link rel="stylesheet" href="./layui/css/layui.css">

    <!--引入這個JS-->
    <script type="text/javascript" src="./layui/layui.js"></script>

</head>
<body>


<script>
    /*必須使用這個方法先引用對應(yīng)的模塊*/
    layui.use(['layer'],function () {
        var layer = layui.layer;
        layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx")
    })
</script>


</body>
</html>

補(bǔ)充：為了方便使用可以使用下面方法引入

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("您確認(rèn)要刪除下列字典?")){//點取消也退出函數(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é)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

layui如何使用模塊化

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽