首页 > 其他 > 详细

页面虚拟翻页

时间:2014-01-14 21:33:38      阅读:488      评论:0      收藏:0      [点我收藏+]

虚拟翻页就是把所有的数据都加载出来,但是在页面上面只显示规定的条数,其他的数据都是隐藏的,通过点击上一页,下一页来让不同的层显示出来,智力主要是注意怎么固定每页显示几条,这里我是用jquery的模板进行数据绑定的。

bubuko.com,布布扣
$.ajax({
            type: "post",
            url: "index.php",
            data: {
                bnews: purchase_check,
                act: Get_Purchase_Detail,
                itemid: p_itemid,
            },
            beforeSend: function () {
                showTips(1, "正在提交", 10, 0);
            },
            success: function (json) {
                if ($.parseJSON(json).status == 0) {
                    $("#stext").focus();//焦点
                    $("#purchase_order_id").val(p_itemid);
                    var array = $.parseJSON(json).list;
                    while (array.length > 0) {
                        var $div = $(<div class="content_productlist"></div>);
                        $("#divContent").append($div);
                        var lastdiv = $("#divContent").find(".content_productlist :last");
                        var temp = array.splice(0, 8);//每页显示8条数据,这里才是重点
                        $("#finder-list_tmp").tmpl(temp).appendTo(lastdiv);//填充
                    }
                    $("#divContent div:first").addClass("active");//默认选中第一页
                    $("#MODALPANEL,#dialog").remove();//移除层
                    $("#purchase_check_allNumber").html($.parseJSON(json).list.length);//全部的产品数量
                    $("#purchase_check_checkNumber").html(0);//核对的产品数量,默认0
                    $("#purchase_check_noCheckNumber").html($.parseJSON(json).list.length);//剩余核对产品数量,默认全部数量
                } else {
                    $("#error_tips").html($.parseJSON(json).msg);//后台返回的错误信息
                }
            },
            complete: function () {
                showTips(1, "提交完成", 10, 1);
            },
            error: function () {
                showTips(1, json.msg, 10, 1);
            }
        });
bubuko.com,布布扣

bubuko.com,布布扣

页面虚拟翻页

原文:http://www.cnblogs.com/liuhaiyang/p/3513426.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!