dwz ajax: DWZ下ajax後台互動後的分頁重新整理
來源:互聯網
上載者:User
之前做的幾個項目,用上了DWZ這個UI架構作為管理背景介面,覺得還是不錯的。個人覺得有點遺憾的是這個架構的整體感覺不夠企業化,缺少穩重的感覺。
在開發過程中,碰到了一些問題,這裡跟大家分享一下。
DWZ版本:DWZ RIA 1.3 Final
說明:因為之前做過一些自訂,是直接將 dwz.min.js 改成 dwz.newgxu.js ,這樣做對整個架構修改過大,造成以後更新與維護的各種不便。所以,現在作的修改是以覆蓋的方式進行。
問題描述:
在一些分頁的NAV中,進行 ajaxToDo 或者 彈出Dialog的validateCallback 後,伺服器返回的json為:
{"statusCode":"200", "message":"許可權刪除成功", "navTabId":"permission_list","rel":"", "callbackType":"","forwardUrl":"permission/list"}
這裡,會將整個NAV重新整理,但我們想要的只是重新整理當前頁。
下面就這個問題作一些修正。
首先說一下DWZ與後台交與的形式:
1. 通過 <a target="ajaxToDo" href=""></a>
這裡點擊這個標籤會向後台post請求,地址就是 href 的值,ajax的回呼函數預設是
navTabAjaxDone
2. 通過 target="dialog"
如增加一個新使用者,以dialog的方式彈出輸入介面,這樣寫:
<a class="BUTTON" href="user/add" width="300" height="250" target="dialog"
rel="rank_create" fresh="false">添加使用者</a>
彈出內容:
<form name="form1" method="post" action="user/add" onsubmit=
"return validateCallback(this, dialogAjaxDone);"></form>
提交這個表單後,回呼函數為 dialogAjaxDone。
再說說DWZ分頁的實現:
<div class="pageHeader RIGHT">
<form id="pagerForm" name="permission_list_pageForm" style="display:none;"
action="permission/list" method="get" onsubmit="return navTabSearch(this);">
<input type="hidden" name="page" value="${model.page}" />
</form>
</div>
<div class="pageContent">
<table class="table" width="100%" border="1" layoutH="85" align="center"
cellspacing="0" bordercolor="#999999" style="border-collapse:collapse">
<thead>
<tr> 本文連結http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130708/38983.html