（带参数的）分页查询

最新推荐文章于 2024-07-20 08:59:24 发布

Java-xy²

最新推荐文章于 2024-07-20 08:59:24 发布

阅读量552

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/csdnxyy/article/details/108049737

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<blockquote class="layui-elem-quote quoteBox">
    <form class="layui-form" id="queryForm">
        <input type="hidden" id="page" name="page" value="1">
        <input type="hidden" id="rows" name="rows" value="15">
        <div class="layui-input-inline">
            <input class="layui-input searchVal" type="text" name="eleName" autocomplete="off"
                   maxlength="50" placeholder="元件名称" />
        </div>   
        <div class="layui-inline">
            <a class="layui-btn search_btn" onclick="doQuery()">查询</a>
        </div>
    </form>
</blockquote>
<div class="layui-table-page" id="pageCont">
</div>

function doQuery(curr) {
    var rows = $("#rows").val();
    if (curr!='undefined'&&curr!="" && curr >0){
        $("#page").val(curr);
    }
    Comm.ajaxPost('${ctx}/mes/manage/list/data', $("#queryForm").serialize(), function (res) {
        rendData(res);
        laypage.render({
            elem: 'pageCont',
            count: res.records,
            limit: rows,
            groups: 3,
            skip: true, //是否开启跳页
            curr: curr || 1,
            layout: ['count', 'prev', 'page', 'next', 'skip'],
            jump: function (obj, first) {
                if (!first) {
                    doQuery(obj.curr);
                }
            }
        });
    });
}