js无刷新分页（原创）

漫走1
2020/11/16 10:09:08
控制页面显示条数，将那个是否显示下拉框的值设为 true，你就看到了

你已被群主移出本群0
2020/11/12 14:52:10
他的查询回调写在什么地方，，有列子没

漫走1
2020/11/16 10:11:32
dian 是告诉你这么写可以执行哪个方法，用于查询的，回调函数里写 请求后台或接口的方法。

漫走1
2020/8/15 12:35:48

for (var i = 0; i < data.length; i++) {
    var htm = '';
    htm += '<tr>';
    htm += '<td><input name="" type="checkbox" value=""></td>';
    htm += ' <td>' + (i + 1) + '</td>';
    htm += ' <td  class="text-l"><span onclick="alert(\'' + data[i].GInfo + '\')">' + data[i].GName + '</span></td>';
    htm += ' <td  class="text-l">' + data[i].GPurchasePrice + '</td>';
    htm += ' <td  class="text-l">' + data[i].GPrice + '</td>';
    if (data[i].GPhoto == "" || data[i].GPhoto == null) {
        htm += ' <td><img src="/Content/Img/Test/13-1PS01AR1-51.jpg"  width="70"></td>';
    } else {
        htm += ' <td><img src="' + data[i].GPhoto + '"  width="70"></td>';
    }
    htm += ' <td class="f-14 product-brand-manage"><a title="编辑" href="javascript:;" onclick="member_edit(\'编辑\',\'/ContactWe/UpdGood?id=' + data[i].EntityId + '\',\'\',\'510\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">?</i></a><a style="text-decoration:none" class="ml-5" onClick="del(\'' + data[i].EntityId + '\')" href="javascript:;" title="删除"><i class="Hui-iconfont">?</i></a></td>';
    htm += '</tr>';
    $("#j_tb").append(htm);
}

大佬，教一下怎么用，以前我是直接在按钮上绑个路径。

<div class="box-tools pull-right">
    <ul class="pagination">
        <li>
            <a href="${pageContext.request.contextPath}/log/all?pageNum=1&pageSize=${logs.pageSize}" aria-label="Previous">首页</a>
            <li>
                <a href="${pageContext.request.contextPath}/log/all?pageNum=${logs.pageNum-1}&pageSize=${logs.pageSize}">上一页</a>
            </li>
            <c:forEach begin="1" end="${logs.pages}" step="1" var="i">
                <c:if test="${i==logs.pageNum}">
                    <li class="active"><a href="${pageContext.request.contextPath}/log/all?pageNum=${i}&pageSize=${logs.pageSize}">${i}</a>
                    </li>
                </c:if>
                <c:if test="${i!=logs.pageNum}">
                    <li>
                        <a href="${pageContext.request.contextPath}/log/all?pageNum=${i}&pageSize=${logs.pageSize}">${i}</a>
                    </li>
                </c:if>
            </c:forEach>
            <li>
                <a href="${pageContext.request.contextPath}/log/all?pageNum=${logs.pageNum+1}&pageSize=${logs.pageSize}">下一页</a>
            </li>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/log/all?pageNum=${logs.pages}&pageSize=${logs.pageSize}" aria-label="Next">尾页</a>
        </li>
    </ul>
</div>

漫走3
2020/4/28 20:43:32

后台的方法需要的参数：当前页、每页显示条数，插件都给你控制好了，你直接用就行。


e.index; //当前页
e.pageSize1; //页面显示条数

插件所需要的参数：  //以下三行在加载完页面后必须填写


e.countpage = Math.ceil(150 / e.pageSize1); //注意必写（数据总页数??通过后台方法获取）
e.infocount = 150; //注意必写（数据总条数??通过后台方法获取）
xian(e); //注意必写（加载控件）

就得后台方法返回了

漫走1
2020/4/28 20:44:45
你写个调用后台的方法，放到callback里面就行了

繁华落尽0
2020/4/28 22:01:58
谢谢，感觉写前端比后端费脑子！

漫走0
2020/4/30 22:26:55
都不容易，我就是后端开发，慢慢来就好了

e.countpage = Math.ceil(150 / e.pageSize1); //注意必写（数据总页数??通过后台方法获取）)
e.infocount =150; //注意必写（数据总条数??通过后台方法获取）

请问一下这个两个参数是写在ajax回调里面对吗？
150这个取值是后端返回的总条数，e.pageSize1取值哪个呢

漫走1
2020/4/25 18:33:27

var runCallback1 = null;
new dmm({
    // index: 1,//当前页面                   默认1
    cssStyle: 3, //控件样式                   默认1
    size: [10, 20, 30], //每页显示条数           默认[10,20]
    skip: true, //是否显示跳转功能               默认不显示
    // setSize: true,//是否显示下拉框              默认不显示
    container: "pageParent", //控件容器id
    //回掉函数，一般就是post请求后台方法得到分页数据加载到页面上
    callback: function(e) {
        e.index; //当前页
        e.pageSize1; //页面显示条数
        //以上两个属性可以当作请求后台时传入的参数


        //以下三行在加载完页面后必须填写
        e.countpage = Math.ceil(150 / e.pageSize1); //注意必写（数据总页数??通过后台方法获取）
        e.infocount = 150; //注意必写（数据总条数??通过后台方法获取）
        xian(e); //注意必写（加载控件）
        //
        //可将以下代码用于查询使用--联合dian()方法
        runCallback1 = e; //将分页条件赋值变量
    }
});

漫走1
2020/4/25 18:36:45
size: [10, 20, 30],//每页显示条数 默认[10,20]

漫走1
2020/4/18 10:39:53
写到 callback里面啊

漫走0
2020/4/4 7:55:04
直接追加到表格里啊

漫走1
2020/4/4 7:57:54
就相当于你获取到某页的数据，想怎么加在页面就怎么加页面，做什么逻辑处理都行，完全没有限制

漫走0
2020/4/4 8:02:55
你是什么场景用的？表格吗

漫走0
2020/4/4 9:13:01

<table>
    <th>
        <tr>
            <th><input type="checkbox" name="" value=""></th>
            <th>ID</th>
            <th>名称</th>
            <th>进价</th>
            <th>售价</th>
            <th>图片</th>
            <th>操作</th>
        </tr>
        </thead>

        <tr>
            <td><input name="" type="checkbox" value=""></td>
            <td>1</td>
            <td><input type="text" class="input-text text-c" value="1"></td>
            <td>-----</td>
            <td class="text-l">------</td>
            <td class="text-l">----</td>
            <td class="f-14 product-brand-manage"><a style="text-decoration:none" onClick="product_brand_edit('品牌编辑','codeing.html','1')" href="javascript:;" title="编辑"><i class="Hui-iconfont">?</i></a> <a style="text-decoration:none" class="ml-5" onClick="active_del(this,'10001')" href="javascript:;"
                    title="删除"><i class="Hui-iconfont">?</i></a></td>
        </tr>

</table>

漫走1
2020/4/4 9:14:09

   for (var i = 0; i < data.length; i++) {
       var htm = '';
       htm += '<tr>';
       htm += '<td><input name="" type="checkbox" value=""></td>';
       htm += ' <td>' + (i + 1) + '</td>';
       htm += ' <td  class="text-l"><span onclick="alert(\'' + data[i].GInfo + '\')">' + data[i].GName + '</span></td>';
       htm += ' <td  class="text-l">' + data[i].GPurchasePrice + '</td>';
       htm += ' <td  class="text-l">' + data[i].GPrice + '</td>';
       if (data[i].GPhoto == "" || data[i].GPhoto == null) {
           htm += ' <td><img src="/Content/Img/Test/13-1PS01AR1-51.jpg"  width="70"></td>';
       } else {
           htm += ' <td><img src="' + data[i].GPhoto + '"  width="70"></td>';
       }
       htm += ' <td class="f-14 product-brand-manage"><a title="编辑" href="javascript:;" onclick="member_edit(\'编辑\',\'/ContactWe/UpdGood?id=' + data[i].EntityId + '\',\'\',\'510\')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">?</i></a><a style="text-decoration:none" class="ml-5" onClick="del(\'' + data[i].EntityId + '\')" href="javascript:;" title="删除"><i class="Hui-iconfont">?</i></a></td>';
       htm += '</tr>';
       $("#j_tb").append(htm);
   }

漫走0
2020/3/21 19:10:44
??????????????????????

漫走0
2020/3/21 19:12:21
我用的时间挺长了，其实样式都是拜托同事写的，哈哈