dwz ajax: DWZ下ajax后台交互后的分页刷_js

之前做的几个项目，用上了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

欢迎大家阅读《dwz ajax: DWZ下ajax后台交互后的分页刷…_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

喜欢 (0)赏

[搞代码]

分享 (0)