jsp页面分页

在列表页面from表单最下边引入分页页面

<%@ include file="/WEB-INF/jsps/tools/paging.jsp" %>

编写一个jsp页面paging.jsp,首先引入s标签

<%@taglib prefix="s" uri="/struts-tags"%>

编写函数,每触发一次action都要处理请求(详见action分页处理)

<script type="text/javascript">
    $(function(){
        var pageNum = ${pageNum};//获取当前页
        var maxPageNum = ${maxPageNum};//获取最大页数
        $("#fir").click(function(){//首页
            $("[name='pageNum']").val(1);
            $("form:first").submit();
        });
        $("#pre").click(function(){//上一页
            $("[name='pageNum']").val($("[name='pageNum']").val()-1);
            $("form:first").submit();
        });
        $("#next").click(function(){//下一页
            $("[name='pageNum']").val($("[name='pageNum']").val()*1+1);
            $("form:first").submit();
        });
        $("#last").click(function(){//最后一页
            $("[name='pageNum']").val(maxPageNum);
            $("form:first").submit();
        });

    });

</script>


<br/>
<s:hidden name="pageNum"/><!--隐藏当前页-->
<table>
    <tr>
        <td>&nbsp;</td>
        <td>共 ${count}条记录</td>
        <td>
            <a id="fir" class="sye">首&nbsp;&nbsp;页</a>
        </td>
        <td>
            <a id="pre" class="sye">上一页</a>
        </td>
        <td>
            <a id="next" class="sye">下一页</a>
        </td>
        <td>
            <a id="last" class="sye">末&nbsp;&nbsp;页</a>
        </td>
        <td>当前第<span style="color:red;">${pageNum}</span>/${maxPageNum}页</td>
    </tr>

</table>

显示效果

 共 14条记录首  页上一页末  页当前第1/2页



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值