真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

layui框架彈出層關(guān)閉和刷新問題的解決方法

這篇文章將為大家詳細(xì)講解有關(guān)layui框架彈出層關(guān)閉和刷新問題的解決方法,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)與策劃設(shè)計(jì),余干網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:余干等地區(qū)。余干做網(wǎng)站價(jià)格咨詢:18982081108

layui框架是一款采用自身模塊規(guī)范編寫的前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,

描述:

主頁面,彈出第一個(gè)彈框,第一個(gè)彈框中在彈出第二個(gè)彈框,如圖:

layui框架彈出層關(guān)閉和刷新問題的解決方法

1是主頁面,2是子彈窗,3是孫彈窗

功能一:好了,第一個(gè)我要實(shí)現(xiàn)的功能是點(diǎn)擊彈窗3的確定之后關(guān)閉彈窗3

上js代碼,先貼出如何在主頁面1中彈出彈窗2的代碼:

//彈窗2(代碼寫在主頁面1)
function edit() {

var index = layer.open({//占坑?。?!
            type : 2,
            title : "預(yù)算目標(biāo)編輯",
            content : "/xx/xx/xx/edit?year=" + year
                    + "&departmentCode=" + departmentCode,
            area : [ "90%", "90%" ],
        });

}

接著貼出如何在彈窗2中彈出彈窗3的:

//彈窗3(js代碼寫在彈窗2中)

function configuration(){
    parent.layer.open({//占坑!
        type: 2,
        title: "配置項(xiàng)目",
        content: "/xx/xx/xx/xx?budgetMainCode="+budgetMainCode,
        area: ["80%", "80%"],
        end: function () {//點(diǎn)睛之筆,此端代碼便是精髓之處,layui監(jiān)聽到彈窗3的銷毀之后回調(diào)了一個(gè)end函數(shù),通過這個(gè)end函數(shù)我們就能刷新彈窗2的數(shù)據(jù)
            refreshTable()//就比如這refreshTable()是彈窗2里面的用于拼接數(shù)據(jù)列表的函數(shù)
} }); }
//確定(代碼寫在彈窗3中)
//彈窗3中的js代碼,就是最上面那個(gè)圖中的確定按鈕的函數(shù)

function comfirm(){
     //獲取checkbox[name='check']的值
     var arr = new Array();
     $("input:checkbox[name='check']:checked").each(function(i){
           arr[i] = $(this).val();
     });   
    $.ajax({
        type: "post",
        dataType: 'json',
        url: "/xx/xx/xx/checkChoise?budgetMainCode="+budgetMainCode,
        contentType: 'application/json',
        data: JSON.stringify(arr),
        success: function (result) {//點(diǎn)擊確定按鈕之后,后臺業(yè)務(wù)代碼出來成功之后的回調(diào)
            if (result.status == 0) {
                parent.layer.close(parent.layer.index);//根據(jù)前面怎么彈出彈窗來選擇索引去關(guān)閉彈窗,比如前面彈窗3是通過parent.layer.open彈出來的,
                                    那么我就獲取它的索引,并將它關(guān)閉,占坑!?。?
            }
            if (result.message != null) {
                layer.msg(result.message)
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            layer.msg('{"status":"' + XMLHttpRequest.status + '","readyState":"' + XMLHttpRequest.readyState + '","textStatus":"' + textStatus + '","errorThrown":"' + errorThrown + '"}')
        }
    })
}

功能二:

需求是點(diǎn)擊彈窗3的某一條數(shù)據(jù)的“項(xiàng)目模板”然后選好該條模板在后臺把這條模板插入到另外一個(gè)表里面

,這里面的另外一個(gè)表指的是彈窗2中的一個(gè)數(shù)據(jù)表格。彈窗2的數(shù)據(jù)表格在彈窗3關(guān)閉的瞬間然后插入一條新的數(shù)據(jù),此時(shí)彈窗2的那個(gè)數(shù)據(jù)表格肯定要立馬刷新

//彈窗3(js代碼寫在彈窗2中)

function configuration(){
    parent.layer.open({//占坑!
        type: 2,
        title: "配置項(xiàng)目",
        content: "/xx/xx/xx/xx?budgetMainCode="+budgetMainCode,
        area: ["80%", "80%"],
        end: function () {//點(diǎn)睛之筆,此端代碼便是精髓之處,layui監(jiān)聽到彈窗3的銷毀(窗口關(guān)閉)之后回調(diào)了一個(gè)end函數(shù),通過這個(gè)end函數(shù)我們就能刷新彈窗2的數(shù)據(jù)
            refreshTable()//就比如這refreshTable()是彈窗2里面的用于拼接數(shù)據(jù)列表的函數(shù)
} }); }

如圖彈窗2:

layui框架彈出層關(guān)閉和刷新問題的解決方法確定之后選擇了這條模板數(shù)據(jù),同時(shí)關(guān)閉彈窗3,效果如圖:

layui框架彈出層關(guān)閉和刷新問題的解決方法

關(guān)于layui框架彈出層關(guān)閉和刷新問題的解決方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。


網(wǎng)頁標(biāo)題:layui框架彈出層關(guān)閉和刷新問題的解決方法
文章出自:http://weahome.cn/article/pccspo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部