框架分頁模版總結

一、在jsp頁面中的腳本JavaScript中的代碼以下(接受傳入的參數信息):javascript

<script type="text/javascript">
    function pageForm(formid, currentPageId, currentPageVal, pageSizeId,
            pageSizeVal) {java

        $("#" + currentPageId).val(currentPageVal);
        $("#" + pageSizeId).val(pageSizeVal);
        /* Log4j的級別 */
        console.info("-----");
        /* JS提交表單 */
        $("#" + formid).submit();jsp

        return false;
    }post

</script>spa

 

二、在form表單中提交的公共代碼模版以下:orm

<!--分頁  -->
        <div class="pagin">
            <div class="message">
                共<i class="blue">${requestScope.pageInfoUtil.totalRecord }</i>條記錄,一共<i
                    class="blue">${requestScope.pageInfoUtil.pageNum }&nbsp;</i>頁,當前顯示第&nbsp;<i
                    class="blue">${requestScope.pageInfoUtil.currentPage }&nbsp;</i>頁
            </div>
            <form id="formid" action="${rootPath }/selectUser.do" method="post">
                <input id="currentPageId" type="hidden" name="currentPage">
                <ul class="paginList">ip

<li class="paginItem"><a href="#" onclick="return pageForm('formid','currentPageId','${requestScope.pageInfoUtil.prePage }','pageSize','${requestScope.pageInfoUtil.pageSize }')"><span
                            class="pagepre"></span></a></li>
                    <li class="paginItem"><a href="#"
                        onclick="return pageForm('formid','currentPageId','1','pageSize','${requestScope.pageInfoUtil.pageSize }')"><span>首頁</span></a></li>
                    <li class="paginItem"><a href="#"
                        onclick="return pageForm('formid','currentPageId','${requestScope.pageInfoUtil.pageNum }','pageSize','${requestScope.pageInfoUtil.pageSize }')"><span>尾頁</span></a></li>
                    <li class="paginItem"><a href="#"
                        onclick="return pageForm('formid','currentPageId','${requestScope.pageInfoUtil.nextPage }','pageSize','${requestScope.pageInfoUtil.pageSize }')"><span
                            class="pagenxt"></span></a></li>ci

                </ul>
        </div>input

        </form>it

相關文章
相關標籤/搜索