Javascrpt 页面工具

/**

 *  笔者：DL

 *  时间：2014-3-19 

 * PagingTool模块提供最基本的、网页工具栏。和页面数据 回电话 可扩展性 分页工具栏介绍，和页面呈现的数据  

*   主意事项：必须引用json.js

 * @module PagingTool

 */

var PagingTool = {}

PagingTool.Init = {} //初始化參数 

PagingTool.funPageCallBack = function (data) {

    var pParams = data.pParams;//查询參数

    var pageCount = data.pageCount;//每页显示条目

    var totalPages = data.totalPages;//总页数

    var pageIndex = data.pParams.intNowPage; // 当前页

    var pageTargetId = data.pageTargetId;

    var totalCount = data.totalCount;

    var pageHtml = "";

    if (totalPages > 1) {

        var beginPage = 1, endPage = 1;

        beginPage = parseInt((pageIndex - 1) / pageCount) * pageCount + 1;

        endPage = parseInt((pageIndex - 1) / pageCount) * pageCount + pageCount;

        endPage = endPage > totalPages ?

totalPages : endPage;

        if (pageIndex > 1) //上一页

        {

            pParams["intNowPage"] = 1;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'><<</a>';

            pParams["intNowPage"] = pageIndex - 1;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'><</a>'

        }

        else {

            pageHtml += '<a href=\"javascript:;\" ><<</a>'

            pageHtml += '<a href=\"javascript:;\" ><</a>'

        }





        if (beginPage - 1 > 1) {

            pParams["intNowPage"] = beginPage - 1;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>...</a>'

        }

        //中间页码

        for (var i = beginPage; i <= endPage; i++) {

            if (pageIndex == i) {





                pageHtml += '<a href=\"javascript:;\" class=\"current\"> ' + i + '</a>';





            }

            else {

                pParams["intNowPage"] = i;

                pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>' + i + '</a>'





            }

        }

        if (totalPages - endPage > 1) {

            pParams["intNowPage"] = endPage + 1;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>...</a>'

        }

        if (pageIndex < totalPages) {

            pParams["intNowPage"] = pageIndex + 1;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>></a>'

            pParams["intNowPage"] = totalPages;

            pageHtml += '<a href=\"javascript:;\" onclick=\'PagingTool.Paging(' + JSON.stringify(pParams) + ')\'>>></a>';

        }

        else {

            pageHtml += '<a href=\"javascript:;\" >></a>'

            pageHtml += '<a href=\"javascript:;\">>></a>'

        }

        $("#" + pageTargetId).html(pageHtml);

    } else {

        $("#" + pageTargetId).html("");

    }





}

/**

 * 返回当前集合中指定位置的元素

 * @method PagingTool.Paging 分页操作方法

 * @param {pParams}  查询条件  { "intUstate": 0, "intNowPage": 1, "intType": 1, "intPageSize": 3 }

 * @return {HTML} 返回html loadingIcon.gif

 */

PagingTool.Paging = function (pParams) {

    var funDCallBack = PagingTool.Init.DataCallBack;

    var funPCallBack = PagingTool.Init.PageCallBack

    var appendId = PagingTool.Init.AppendId;

    var targetId = PagingTool.Init.PageTargetId;

    var pageSize = PagingTool.Init.PageSize;

    var pageCount = PagingTool.Init.PageCount;





    $.ajax({

        url: PagingTool.Init.Url,

        data: pParams,

        type: PagingTool.Init.Type,

        dataType: "json",

        beforeSend: function () {

            var isElement = document.getElementById(appendId).nodeName;

            var html = "";

            if (isElement == "DIV") {

                html = '<div id="sload" style="text-align:center; margin-top:30px;"><image src="/Content/image/base/loadingIcon.gif" /></div>';

            }

            else {

                html = '<tr id="sload"><td  colspan="50" style="text-align:center;"><image src="/Content/image/base/loadingIcon.gif" /></td></tr>';

            }

            $("#" + appendId).html(html);

        },

        complete: function () {

            $("#sload").remove();

        },

        error: function () {

            $("#sload").remove();

        },

        success: function (data) {

            var totalCount = data.TotalCount;

            var jieanCount = data.jieanCount;

            if (totalCount > 0) {

                var totalPages = parseInt((totalCount - 1) / pageSize + 1);

                var callDBackParams = { "appendId": appendId, "jsonData": data, "totalCount": totalCount, "jieanCount": jieanCount };

                var callPBackParams = { "pageTargetId": targetId, "pageSize": pageSize, "totalPages": totalPages, "pageCount": pageCount, "totalCount": totalCount, "pParams": pParams };

                funDCallBack(callDBackParams);//回到函数

                funPCallBack(callPBackParams);//分页控件回调函数

            }

            else {

                var desc = returnNull(appendId, 20, "", "");//提示没有数据

                $("#" + appendId + "").html(desc);

                $("#" + targetId + "").html("");

                //没有数据 

            }





        }

    });

}

/* 方法说明 使用说明 方法 PageTargetId【分页条呈现位置ID】 AppendId【数据呈现ID】DataCallBack【数据回调函数】PageCallBack【页面呈现回调函数】

    PagingTool.Init = { "Url": "/LshSystem/User/AjaxIndex", "Type": "POST", "PageCount": 3, "PageSize": 3, "PageTargetId": "pageId", "AppendId": "appendId", "DataCallBack": funDataCallBack, "PageCallBack": PagingTool.funPageCallBack };

    PagingTool.Paging({ "intUstate": 0, "intNowPage": 1, "intType": 1, "intPageSize": 3 });

     //数据回调函数 页面操作逻辑

    funDataCallBack= function(data) {

        var appendId = data.appendId;

        var jsonData = data.jsonData.PageData;

        var htmlData = "";

        for (var i = 0; i < jsonData.length; i++) { //便利数据

            htmlData += "<tr id=\"Temp" + i + "\">" +

                    "<td class=\"thcenter\">" +

                      "<input type=\"checkbox\" value=\"" + jsonData[i].UAccount + "\" name=\"ckUAccount\" /></td>" +

                        "<td id=\"UAccount\">" + jsonData[i].UAccount + "</td>" +

                         "<td id=\"SFName\">" + jsonData[i].SFName + "</td> </tr>"

        }

        $("#" + appendId + "").html(htmlData);

    }

*/

版权声明：本文博客原创文章，博客，未经同意，不得转载。