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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.