分页控件的使用

插件：pagination
<script src="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 = returnValue;           
            parent.$.fancybox.close();

        }

    </script>