DWZ tab选项卡共用页面分页组件刷新不起作用、失效问题

你的名字 2021-05-12 11:55 733阅读 0赞

初用DWX，还是碰到好多问题，谨以此文记录tab 分页刷新问题。

HTML页面

tab页面：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNDgyNTk5_size_16_color_FFFFFF_t_70

注：这儿id不能省略

列表页面：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNDgyNTk5_size_16_color_FFFFFF_t_70 1

注：id为固定的 pagerForm rel为 pagerForm

page页面：

  1. <div th:include="views/common/pager_local :: tab"></div>

pager_local.html

  1. <th:block th:fragment="tab">
  2.     <div class="panelBar"  th:online="text">
  3.         <div class="pages">
  4.             <span th:text="#{TEXT_DISPLAY}">display</span>
  5.             <select class="combox" name="numPerPage" th:onchange="'javascript:tabPageBreak('+'{numPerPage:'+this.value+'}'+','+${tabTagId}+');'">
  6.                 <option value="20"  th:selected="${infos.numPerPage}  == 20 ? 'selected' "  >20</option>
  7.                 <option value="50"  th:selected="${infos.numPerPage}  == 50 ? 'selected' ">50</option>
  8.                 <option value="100" th:selected="${infos.numPerPage}  == 100 ? 'selected' " >100</option>
  9.                 <option value="200" th:selected="${infos.numPerPage}  == 200 ? 'selected' " >200</option>
  10.             </select>
  11.             <span><span th:text="#{TEXT_ITEMS}">items</span> <span> , </span><span th:text="#{TEXT_TOTAL}">total</span><span><label style="color:blue;"> [[${infos.totalCount}]] </label></span><span th:text="#{TEXT_ITEMS}">items</span></span>
  12.         </div>
  13.         <div class="pagination"  targetType="navTab" th:rel="${tabTagId}" th:attr="totalCount=${infos.totalCount},numPerPage=${infos.numPerPage},currentPage=${infos.pageNum}"   pageNumShown="10" ></div>
  14.     </div>
  15. </th:block>

注：tabTagId 为 tab中的id值

  1. function tabPageBreak(args, div){
  2.     var tabpage = $(div).attr("id");
  3.     dwzPageBreak({targetType:"navTab", rel:tabpage, data:args});
  4. }

注：这儿的 div 获取到的是 id为 div 的整个标签

发表评论

表情：
评论列表 （有 0 条评论，733人围观）

还没有评论，来说两句吧...

相关阅读

    相关 tab选项卡

    tab选项卡 tab选项卡 tab选项卡可以说是一个可以在一个·规定的位置中可以嵌套多个页面或小页面，也可以说是一本笔记本可以有很多张纸，那么多纸都封装在笔记本里面，可以

    た 入场券た 入场券/ 0 赞/ 555 阅读