dwz手册一点补充说明和常见问题.docVIP

Dwz手册的补充说明和常见问题 作者：xiaosuiba (xiaosuiba@) 目录 TOC \o 1、我如何在项目中使用dwz? PAGEREF _Toc295744699 \h 3 2、怎样初始化dwz？ PAGEREF _Toc295744700 \h 3 3、我如何解析json数据来重绘表格/页面？ PAGEREF _Toc295744701 \h 3 4、如果不是传输数据，dwz的json是用于哪里？ PAGEREF _Toc295744702 \h 4 5、提交表单或者ajax post链接后，如何刷新本navTab？ PAGEREF _Toc295744703 \h 4 6、如何在ajax连接扩展中使用回调函数？ PAGEREF _Toc295744704 \h 4 7、如何使用table和css table的排序功能？ PAGEREF _Toc295744705 \h 4 8、如何使用table和css table的分页功能？ PAGEREF _Toc295744706 \h 4 9、如何使用输入表单客户端验证？ PAGEREF _Toc295744707 \h 5 10、如何使用combox的ajax联动？ PAGEREF _Toc295744708 \h 5 11、如何做局部刷新？ PAGEREF _Toc295744709 \h 5 12、如何去掉dwz调用ajax方法出现的等待图片 PAGEREF _Toc295744710 \h 5 13、最后谈谈我的看法 PAGEREF _Toc295744711 \h 6 1、我如何在项目中使用dwz? 手册中有如下说明： 也就是说，只需要在一个页面（通常是起始页，如index.aspx/index.php）包含框架，这里的框架是指demo中index.html页面的所有元素（div class=”page”可自定义），完整的html结构。其它的页面只需要页面碎片，就是body/body中的部分。 2、怎样初始化dwz？ Dwz是通过init函数初始化，index.html的初始化函数如下： Dwz.init(pathToDwz_frag_xml, options); pathToDwz_frag_xml: js方式能访问到的dwz.frag.xml，一定要保证通过这个地址能访问到dwz.frag.xml文件，最好用serverPath+dwz.frag.xml的绝对路径方式。 Options是一个对象方式的参数: loginUrl:当ajax 的json返回timeout的时候会跳转到此页面 statusCode:自定义的json错误代码，如果不指定将使用图片所示的默认规则。 pageInfo:这里可以为pagerForm指定别名，比如pageNum:”currentPage”。 Callback:指定初始化完成后的回调函数。有人问如何在打开dwz的时候在我的主页加载另一个页面或者打开一个navTab，就可以在callback里使用navTab.open(“main”), $.pdialog.open等等。 3、我如何解析json数据来重绘表格/页面？ 很多人不明白dwz的工作方式，认为dwz的navTab的页面看起来是ajax方式解析的，那就要从服务器传回json再手动解析。Dwz事实上是这样工作得，只是他传回的不是一部分数据，而是整个页面，然后通过JSON.eval()加载到navTab上，这个过程对使用者是透明的，也即你不需要关心页面的数据处理，以前怎么写的页面，现在还是怎么写页面。Dwz会将普通请求转换为ajax方式（前提是正确使用dwz提供的接口）。 4、如果不是传输数据，dwz的json是用于哪里？ Dwz的服务器端响应上提到一个服务器端响应json，很多初学者问这个json如何传递数据，用于自己拼接页面等。如第3点所说，dwz的页面是不需要手动处理ajax的，这个json结构是对ajax表单提交、ajax post链接(ajaxTodo)状态的响应，而不涉及具体的页面数据。 5、提交表单或者ajax post链接后，如何刷新本navTab？ 一定要记住在返回的json中加上要刷新的navTabId。 6、如何在ajax连接扩展中使用回调函数？ 手册上没有写，其实从1.2RC1开始，ajax link就有了callback属性，用于指定回调函数，如a target=”ajaxTodo” callback=”MyOwnFunction”。 7、如何使用table和css table的排序功能？ Table的排序功能是手册中没有提到的，其实dwz的排序功能相当强大，这里我简单介绍一下流程： 给要排序的表格table中加上