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

你的名字 2021-05-12 11:55 675阅读 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页面：**

pager\_local.html

<th:block th:fragment="tab">
    	<div class="panelBar"  th:online="text">
    		<div class="pages">
    			<span th:text="#{TEXT_DISPLAY}">display</span>
    			<select class="combox" name="numPerPage" th:onchange="'javascript:tabPageBreak('+'{numPerPage:'+this.value+'}'+','+${tabTagId}+');'">
    				<option value="20"  th:selected="${infos.numPerPage}  == 20 ? 'selected' "  >20</option>
    				<option value="50"  th:selected="${infos.numPerPage}  == 50 ? 'selected' ">50</option>
    				<option value="100" th:selected="${infos.numPerPage}  == 100 ? 'selected' " >100</option>
    				<option value="200" th:selected="${infos.numPerPage}  == 200 ? 'selected' " >200</option>
    			</select>
    			<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>
    		</div>
    		<div class="pagination"  targetType="navTab" th:rel="${tabTagId}" th:attr="totalCount=${infos.totalCount},numPerPage=${infos.numPerPage},currentPage=${infos.pageNum}"   pageNumShown="10" ></div>
    	</div>
    </th:block>

注：tabTagId 为 tab中的id值

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNDgyNTk5_size_16_color_FFFFFF_t_70]: /images/20210511/975165cbc52b452c89185f711d168923.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNDgyNTk5_size_16_color_FFFFFF_t_70 1]: /images/20210511/0055e8ea1f064b19bce767943634bc12.png