页面虚拟翻页

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

页面虚拟翻页
$.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);
            }
        });
页面虚拟翻页

页面虚拟翻页

页面虚拟翻页

上一篇:回车搜索


下一篇:二、OC的构造方法和descriprtion方法