虚拟翻页就是把所有的数据都加载出来,但是在页面上面只显示规定的条数,其他的数据都是隐藏的,通过点击上一页,下一页来让不同的层显示出来,智力主要是注意怎么固定每页显示几条,这里我是用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); } });