首页 > 代码库 > 分页控件的使用
分页控件的使用
插件:pagination
<script src="http://www.mamicode.com/SHC_VoithChinaTravelApplicationpagination.js"></script> <script> var pageIndex = 0; //页面索引初始值 var pageSize = 5; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () { GetSalesOrder(); }) function GetSalesOrder() { var varSalesOrder = $("#txtSalesOrderNum").val(); if (varSalesOrder == "") { $("#Result tr:gt(0)").remove(); $("#Result").append("<tr><td colspan=‘2‘>Pls. input the sales order.</td></tr>"); } else { $.ajax({ url: ‘SHC_VoithChinaTravelApplicationSalesOrder.ashx‘, type: ‘post‘, data: { ‘SalesOrderNum‘: $("#txtSalesOrderNum").val(), ‘Type‘: ‘DataCount‘ }, error: function (response) { alert(response); }, beforeSend: function () { $("#divContent").empty(); $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%" }).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("Search...").appendTo("#divBody").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, }); }, complete: function (data) { $(‘.datagrid-mask-msg‘).remove(); $(‘.datagrid-mask‘).remove(); }, success: function (response) { InitTable(0); $("#Pagination").pagination(response, { callback: PageCallback, //PageCallback() 为翻页调用次函数。 items_per_page: pageSize, current_page: pageIndex, //当前页索引 }); } }) } } //翻页调用 function PageCallback(index, jq) { InitTable(index); } //请求数据 function InitTable(pageIndex) { $.ajax({ type: "post", dataType: "text", url: ‘SHC_VoithChinaTravelApplicationSalesOrder.ashx‘, //提交到一般处理程序请求数据 data: { ‘SalesOrderNum‘: $("#txtSalesOrderNum").val(), ‘pageIndex‘: pageIndex, ‘pageSize‘: pageSize, ‘Type‘: ‘Detail‘ }, success: function (data) { $("#Result tr:gt(0)").remove(); //移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变) $("#Result").append(data); //将返回的数据追加到表格 } }); } function SetCustomer(returnValue) { window.parent.document.getElementById("Main_TypeValue").value = http://www.mamicode.com/returnValue; >
分页控件的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。