分享

dwz navtab增删改之后的局部刷新

 yan的图书41 2016-10-13
Java代码  收藏代码
  1.   
     页面的样式是左边是一个动态生成的树,右边是一个带有搜索,增删改的分页list,整个页面进入时,显示右边的动态树,再点击树节点,根据树节点的信息加载右边要显示的list信息。若是按照dwz框架中的局部刷新页面1,搜索,或是增删改之后,右边页面将会消失,刷新左边页面。
首先解决搜索局部刷新。
Java代码  收藏代码
  1. <div class="pageHeader" style="border:1px #B8D0D6 solid">  
  2.         <form id="pagerForm" onsubmit="return divSearch(this, 'jbsxBox');" action="<s:url action='list' namespace='/q'/>" method="post">  
  3.             <input type="hidden" name="pageNum" value="<s:property value="page.pageNo"/>" />  
  4.             <input type="hidden" name="numPerPage" value="<s:property value="page.pageSize"/>" />  
  5.             <s:hidden name="categoryId"/>  
  6.             <div class="searchBar">  
  7.                 <table class="searchContent">  
  8.                     <tr>  
  9.                         <td><label>问题:</label><input type="text" name="description" value="<s:property value='description'/>"/></td>  
  10.                         <td>  
  11.                             <div class="buttonActive">  
  12.                                 <div class="buttonContent">  
  13.                                     <button type="submit">检索</button>  
  14.                                 </div>  
  15.                             </div>  
  16.                         </td>  
  17.                     </tr>  
  18.                 </table>  
  19.             </div>  
  20.         </form>  
  21.     </div>  


关键在于表单提交时的条用函数onsubmit="return divSearch(this, 'jbsxBox');
其中jbsxBox是想要刷新的局部块div的id。

再是解决增删改之后的问题。
删除之后调用的回调函数,写在删除所在的a标签里
Java代码  收藏代码
  1. callback="function(){$('#pagerForm', navTab.getCurrentPanel()).submit();}">  


意思就是让id为pagerForm的表单重新提交一次,就是那个搜索表单

增改也是同理
先是表单提交函数
Java代码  收藏代码
  1. onsubmit="return validateCallback(this, dialogRefresh)"  

Java代码  收藏代码
  1. function dialogRefresh(json){  
  2.     DWZ.ajaxDone(json);  
  3.     if (json.statusCode == DWZ.statusCode.ok){  
  4.         $("#pagerForm", navTab.getCurrentPanel()).submit();  
  5.         $.pdialog.closeCurrent();  
  6.     }  
  7. }  


这样右边的局部刷新就完成了。

但是一旦这样绑定之后,你会发现在左边进行增删改时,左边模块不刷新了,然后就根据这个原理在增删改时给他绑定一个url,这样这个问题也解决了
Java代码  收藏代码
  1. function dialogTreeRefresh(json){  
  2.       
  3.         DWZ.ajaxDone(json);  
  4.         if (json.statusCode == DWZ.statusCode.ok){  
  5.             $("#Tree").loadUrl("<s:url action='list' namespace='/q'/>","",   
  6.                 function(){  
  7.                     $("#Tree", navTab.getCurrentPanel()).find("[layoutH]").layoutH();  
  8.             });  
  9.             $.pdialog.closeCurrent();  
  10.         }  
  11.   
  12. }  


这样之后,貌似问题已经解决了,但是还有一个瑕疵,那就是你在左边进行过增加之后,你再在右边进行增删改,右边页面不刷新,只能在左边增加之后,就刷新整个模块,这样右边才能刷新。
这个问题求大神指教啊 。。。。求指教啊  没人回额   

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多