DWZ左右主从页面单独分页的解决方法

在做DWZ左右主从页面的时候，每个页面都需要单独的分页，左右页面布局如下

<div class="pageContent">
    <div id="div1" class="unitBox"
        style="float: left; display: block; overflow: auto; width:350px;">
        <%@ include file="1.jsp"%>
    </div>

    <div id="div2" class="unitBox" style="margin-left: 305px;margin-right:2px">
        <%@ include file="2.jsp"%>      
    </div>
</div>

当把分页组件分别放在两个页面中时，出现点击左页面分页，右页面分页也一同变化的BUG

后来经过自己的多次调试，终于发现了解决方法，原来需要在分页组件的rel上指定页面div，如下

<div class="pagination" targetType="navTab" rel="div2" totalRow="${pager.totalRow }" numPerPage="${pager.pageSize }" pageNumShown="1" currentPage="${pager.pageNumber }"></div>

这样点击不同页面只会调用该页面的分页