彈窗關閉並重新整理頁面元素

2022-07-18 01:54:13 字數 1363 閱讀 1722

我想,對於初學者來說,可能多多少少都會遇到這樣的問題,比如我想對乙個模組進行增、刪、改操作,希望弄的炫一點,就用彈窗的形式,而不是基本的新頁面形式。好,彈窗能實現了,但是當提交了資料點選「新增」或者「儲存」或者「刪除成功」等確定按鈕的時候,如何做到該頁面元素的自動重新整理和之前彈窗的自動關閉。我也是乙個mvc的初學者,這裡,我用了一些小技巧來實現這樣的形式。

首先來看view層,重新整理頁面元素和自動關閉彈窗都是在這一層,用js**來控制的,詳細見**:

1         function add()

這裡是乙個新增角色的彈窗,彈窗內容檢視為:

1 @using (ajax.beginform("

addrole

", "

role

", new ajaxoptions ))

2

這裡使用的raror檢視,如果不習慣的朋友可以使用aspx,只需要把@改為<% %>就行了,這裡不多介紹。這個檢視是用ajax.beginfor的方式來傳遞表單資料updatetargetid是指在指定區域內顯示對對應資料,onsuccess 是指執行成功後呼叫該方法。

看後台控制器**:

post表單獲取資料需要的

2public actionresult addrole(string

roleid)316

}17catch

1821 viewdata["

actionmessagesforadd

"] =res;

22return partialview("

../shared/showactionmessage

");//

這裡返回的資料就是之前提到的updatetargetid顯示的資料

23 }

接下來看js**,就是onsuccess呼叫的方法了:

1

function addwindow(ms)

注意了,**的第7行,就是對頁面中知道部分資料的重新整理,這裡是對知道的jstree進行重新整理,如果是要重新整理telerik,可以用:

1

var grid = $('

#usersgrid

').data('

tgrid

'); //

2grid.rebind();

3 autodisapear();

上面的第8行就是對指定彈窗的關閉操作了,就是一句js**。如有不懂得或者**有問題的,歡迎**。

ajax定時重新整理頁面

用el表示式顯示資料,頁面為remind.jsp user info ui user info session.getattribute userinfo listrolelist list session getattribute rolelist 條資訊公告 條反饋會議 條需要回執會議 條調查 ...

response 重新整理頁面 meta

控制瀏覽器每3秒重新整理一次 response.setheader refresh 3 延時跳轉到指定頁面 response.setheader refresh 3 url xx 但是我們開發都是jsp顯示頁面資訊,所以以上方法不常用的,下面的meta標籤常用 content 5 url respo...

Vue重新整理頁面功能

在使用vue開發過程中,有時候修改了一些資料或者提交了表單以後需要重新整理當前頁面,js中有很多方法都可以重新整理頁面,但是我覺得都不是很友好,會突然整個頁面白了一下,相當於按了f5重新整理頁面。最近看到了大神們的做法,也實現了一下,感覺挺不錯的。isrouteralive router view ...