Ajax开发视频教材

视频下载地址 [url]http://demo.dwzjs.com/doc/dwz-ajax-develop.swf[/url]
在线演示地址 [url]http://demo.dwzjs.com[/url]

[b]ajax 表单提交、分页组件[/b]

大家在使用DWZ框架过程中遇到问题最多的也是ajax表单提交处理流程、分页组件问题。本教材主要是讲解DWZ框架表单提交、分页等ajax交互原理和规范。DWZ其它组件这里不再讲解了，大家去看DWZ用户手册，特别是第一次使用一定要看用户手册中的 “常见问题及解决”。

实际上使用DWZ框架是非常简单方便的。开发人员基本不需自己写JS，包括ajax表单提交、分页组件。
信息列表上查询和分页都是用一个pagerForm来临时存查询条件。需要在每个查询列表页面加个隐藏的pagerForm。

分页或删除列表中的数据等操作都会重新载入当前navTab或dialog。原理很简单就是DWZ框架自动组装这个pagerForm中的参数后重新载入当前navTab或dialog。

[b]表单提交根据服务器端返回的json结构，有以下几种处理流程：[/b]
1) statusCode==300表示操作失败，提示用户出错原因message
2) statusCode==200表示操作成功，提示message

* navTabId非空，重新载入指定的navTab
* callbackType=="closeCurrent"关闭当前form所在的nabTab或dialog
* callbackType=="forward"当前nabTab载入forwardUrl

[b]分页组件使用方法：[/b]
<div class="pagination" targetType="navTab" totalCount="200" numPerPage="20" pageNumShown="10" currentPage="1"></div>
参数说明:
targetType: navTab或dialog，用来标记是navTab上的分页还是dialog上的分页
totalCount: 总条数
numPerPage: 每页显示多少条
pageNumShown: 页标数字多少个
currentPage: 当前是第几页