DWZ (JUI) 教程 navTab 刷新分析

最新推荐文章于 2017-11-20 15:47:13 发布

原创最新推荐文章于 2017-11-20 15:47:13 发布 · 3.6w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#json #function #数据结构 #dialog #框架 #action

Jui（dwz）基础教程专栏收录该内容

27 篇文章

订阅专栏

本文详细介绍了navTab组件中的刷新机制，包括如何通过指定回调函数实现页面刷新，以及如何利用navTab提供的API来达到重新加载页面的目的。同时，还探讨了在特定场景下如何自定义Ajax实现，并使用navTabPageBreak()函数进行局部刷新。

navTab的刷新在doc文件里也有说明

首先在form表单里指定好回调函数

* <form action="/user.do?method=save" onsubmit="return validateCallback(this, navTabAjaxDone)">
  
   如果不指定回调函数的话框架会默认使用DWZ.ajaxDone()

function navTabAjaxDone(json){

      DWZ.ajaxDone(json);
     //注意返回的JSON的数据结构
      if (json.statusCode == DWZ.statusCode.ok){
            if (json.navTabId){ 
                  //把指定navTab页面标记为需要“重新载入”。注意navTabId不能是当前navTab页面的
                  navTab.reloadFlag(json.navTabId);

            } else { 
                   //重新载入当前navTab页面
                  navTabPageBreak();

            }
            if ("closeCurrent" == json.callbackType) {

                  setTimeout(function(){navTab.closeCurrentTab();}, 100);

            } else if ("forward" == json.callbackType) {

                  navTab.reload(json.forwardUrl);

            }

      }

}


框架的回调函数使用在dialog，navTab 上  如果有特殊的需求可以自己写个Ajax实现在回调函数中 使用   navTabPageBreak() ; 就可以刷新当前的navTab 
当然也可以实现局部刷新 相见 navTabPageBreak() ;  dwzPageBreak() 函数说明