關(guān)于ligerui子頁面關(guān)閉后,父頁面刷新,重新加載的方法
1、需求在子頁面處理完成后,在關(guān)閉時刷新并重新加載父頁面
$.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);
是因為使用他,當后臺出現(xiàn)錯誤時。前臺會多出一個錯誤彈窗,現(xiàn)在沒有解決這個問題,,所以暫時使用alert
后續(xù)
經(jīng)過一段時間,偶然發(fā)現(xiàn)可以解決不用alert(),之所以報錯是因為.ligerDialog.error(data.messageText);和.ligerDialog.error(data.messageText);和.ligerDialog.closeWaitting();
window.parent.manager.reload(); dialog.close();//關(guān)閉dialog
一起使用了,具體也不知道是什么原因,所以就饒了個彎子,
下面重點來了
通過ligerui源碼發(fā)現(xiàn).ligerDialog.error()、.ligerDialog.error()、.ligerDialog.success()等方法都有回調(diào)函數(shù),于是就可以修改成這樣
$.ligerDialog(data.messageText,cc);
下面在寫個方法cc()用來關(guān)閉和重新刷新
function cc(){ //刷新父頁面 window.parent.manager.reload(); dialog.close();//關(guān)閉dialog }
這樣比用alert顯示更好看些。
以上這篇關(guān)于ligerui子頁面關(guān)閉后,父頁面刷新,重新加載的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap項目實戰(zhàn)之子欄目資訊內(nèi)容
Bootstrap項目實戰(zhàn)之資訊內(nèi)容,本文主要學(xué)習(xí)制作一下子欄目資訊內(nèi)容,感興趣的小伙伴們可以參考一下2016-04-04原生JS實現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果詳解
這篇文章主要介紹了原生JS實現(xiàn)逼真的圖片3D旋轉(zhuǎn)效果,結(jié)合實例形式詳細分析了javascript實現(xiàn)圖片3D旋轉(zhuǎn)相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-02-02js實現(xiàn)鼠標點擊文本框自動選中內(nèi)容的方法
這篇文章主要介紹了js實現(xiàn)鼠標點擊文本框自動選中內(nèi)容的方法,涉及javascript鼠標點擊事件onClick及選擇事件select的使用技巧,非常簡單實用,需要的朋友可以參考下2015-08-08微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞(6)
這篇文章主要為大家詳細介紹了微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞,微信小程序提供了3種頁面跳轉(zhuǎn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04js Select下拉列表框進行多選、移除、交換內(nèi)容的具體實現(xiàn)方法
我們經(jīng)常會看到很多的網(wǎng)站會看到有下拉列表的內(nèi)容進行直接增加與移除,下面我來介紹一款js Select下拉列表框進行多選、移除、交換內(nèi)容實例2013-08-08微信小程序?qū)W習(xí)總結(jié)(二)樣式、屬性、模板操作分析
這篇文章主要介紹了微信小程序樣式、屬性、模板操作,結(jié)合實例形式分析了微信小程序尺寸單位、樣式、數(shù)據(jù)初始化、屬性、模板調(diào)用相關(guān)操作技巧,需要的朋友可以參考下2020-06-06