我想,對於初學者來說,可能多多少少都會遇到這樣的問題,比如我想對乙個模組進行增、刪、改操作,希望弄的炫一點,就用彈窗的形式,而不是基本的新頁面形式。好,彈窗能實現了,但是當提交了資料點選「新增」或者「儲存」或者「刪除成功」等確定按鈕的時候,如何做到該頁面元素的自動重新整理和之前彈窗的自動關閉。我也是乙個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呼叫的方法了:
1function addwindow(ms)
注意了,**的第7行,就是對頁面中知道部分資料的重新整理,這裡是對知道的jstree進行重新整理,如果是要重新整理telerik,可以用:
1var 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 ...