DWZ使用笔记-1 刷新页面

最新推荐文章于 2020-11-26 12:13:51 发布

原创最新推荐文章于 2020-11-26 12:13:51 发布 · 1k 阅读

CC 4.0 BY-SA版权

这篇博客记录了使用DWZ框架进行模块开发时的提交方式和回调函数使用经验。DWZ采用ajax方式进行表单提交，包括validateCallback和iframeCallback两种，回调函数如navTabAjaxDone和dialogAjaxDone。通过设置navTabId的reloadFlag，可以实现页面刷新。服务器返回的数据格式需为dwzjson。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用了dwz做了一个模块。积累了一些东西

首先就是dwz的提交方式，dwz的提交全部为ajax提交，在form的onSubmit中指定提交事件。

其中事件包括：

validateCallback：普通验证表单提交

iframeCallback：带文件上传的表单提交

事件的回调函数：

navTabAjaxDone：普通回调函数，可满足大部分情况

navTabAjaxDone是DWZ框架中预定义的表单提交回调函数．
服务器转回navTabId可以把那个navTab标记为reloadFlag=1, 下次切换到那个navTab时会重新载入内容.
callbackType如果是closeCurrent就会关闭当前tab
只有callbackType="forward"时需要forwardUrl值
navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数.
如果表单提交只提示操作是否成功, 就可以不指定回调函数. 框架会默认调用DWZ.ajaxDone()

dialogAjaxDone：dialog回调函数

回调函数需要服务端返回dwzjson数据，格式为：

printJson("{\"statusCode\":\"200\",\"message\":\"设置成功!\",\"callbackType\":\"\",\"divId\":\""
				+ getDivId()+"\",\"navTabId\":\"KNOWLEDGE_LIST\"}");

回调函数使用例子：

onSubmit="return iframeCallback(this, navTabAjaxDone)

打开链接在指定的navtab中需要在a标签指定rel，值为navtab的divid

这次的文件上传伤透了脑筋，使用ajax提交表单时，无法带附件，需要用dwz的iframeCallback事件才能提交表单。

以上的函数都在dwz.ajax.js中。

以上就是这次积累。。