關(guān)于ligerui子頁面關(guān)閉后,父頁面刷新,重新加載的方法
1、需求在子頁面處理完成后,在關(guān)閉時(shí)刷新并重新加載父頁面
$.ajax({ url : '${base.contextPath}/test/test', type : "post", dataType : "json", data : sendata, async: false, success : function (data) { if(data.success){ //刷新父頁面 window.parent.manager.reload(); dialog.close();//關(guān)閉dialog }else{ // $.ligerDialog.error(data.messageText); alert(data.messageText); $.ligerDialog.closeWaitting(); window.parent.manager.reload(); dialog.close();//關(guān)閉dialog } }, error : function () { $.ligerDialog.closeWaitting(); dialog.close();//關(guān)閉dialog } });
關(guān)鍵代碼
window.parent.manager.reload(); dialog.close();//關(guān)閉dialog
其中manager是父頁面定義grid的變量,例如父頁面是這樣(參照的官網(wǎng)例子)
var manager, g; g = manager = window['ordergrid'] = $("#ordergrid").ligerGrid({
至于為什么不使用$.ligerDialog.error(data.messageText);
而使用alert(data.messageText);
是因?yàn)槭褂盟?,?dāng)后臺(tái)出現(xiàn)錯(cuò)誤時(shí)。前臺(tái)會(huì)多出一個(gè)錯(cuò)誤彈窗,現(xiàn)在沒有解決這個(gè)問題,,所以暫時(shí)使用alert
后續(xù)
經(jīng)過一段時(shí)間,偶然發(fā)現(xiàn)可以解決不用alert(),之所以報(bào)錯(cuò)是因?yàn)?ligerDialog.error(data.messageText);和.ligerDialog.error(data.messageText);和.ligerDialog.closeWaitting();
window.parent.manager.reload(); dialog.close();//關(guān)閉dialog
一起使用了,具體也不知道是什么原因,所以就饒了個(gè)彎子,
下面重點(diǎn)來了
通過ligerui源碼發(fā)現(xiàn).ligerDialog.error()、.ligerDialog.error()、.ligerDialog.success()等方法都有回調(diào)函數(shù),于是就可以修改成這樣
$.ligerDialog(data.messageText,cc);
下面在寫個(gè)方法cc()用來關(guān)閉和重新刷新
function cc(){ //刷新父頁面 window.parent.manager.reload(); dialog.close();//關(guān)閉dialog }
這樣比用alert顯示更好看些。
以上這篇關(guān)于ligerui子頁面關(guān)閉后,父頁面刷新,重新加載的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap項(xiàng)目實(shí)戰(zhàn)之子欄目資訊內(nèi)容
Bootstrap項(xiàng)目實(shí)戰(zhàn)之資訊內(nèi)容,本文主要學(xué)習(xí)制作一下子欄目資訊內(nèi)容,感興趣的小伙伴們可以參考一下2016-04-04原生JS實(shí)現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果詳解
這篇文章主要介紹了原生JS實(shí)現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果,結(jié)合實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)圖片3D旋轉(zhuǎn)相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-02-02js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框自動(dòng)選中內(nèi)容的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框自動(dòng)選中內(nèi)容的方法,涉及javascript鼠標(biāo)點(diǎn)擊事件onClick及選擇事件select的使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08微信小程序?qū)崿F(xiàn)手指拖動(dòng)選項(xiàng)排序
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)手指拖動(dòng)選項(xiàng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04JavaScript優(yōu)雅處理對(duì)象的6種方法
大家好,本篇文章主要講的是JavaScript優(yōu)雅處理對(duì)象的6種方法,感興趣的同學(xué)趕快來看一看吧,對(duì)你有幫助的話記得收藏一下哦,方便下次瀏覽2021-12-12微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞(6)
這篇文章主要為大家詳細(xì)介紹了微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞,微信小程序提供了3種頁面跳轉(zhuǎn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容的具體實(shí)現(xiàn)方法
我們經(jīng)常會(huì)看到很多的網(wǎng)站會(huì)看到有下拉列表的內(nèi)容進(jìn)行直接增加與移除,下面我來介紹一款js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容實(shí)例2013-08-08微信小程序?qū)W習(xí)總結(jié)(二)樣式、屬性、模板操作分析
這篇文章主要介紹了微信小程序樣式、屬性、模板操作,結(jié)合實(shí)例形式分析了微信小程序尺寸單位、樣式、數(shù)據(jù)初始化、屬性、模板調(diào)用相關(guān)操作技巧,需要的朋友可以參考下2020-06-06