• jquery+ashx分页


    需要用到的插件jquery.pagination.js

    html

    <table id="tbAddress">
       <tr>
           <th>姓名</th>
           <th>参会号码</th>
           <th>分组</th>
        </tr>
    </table>
    <div id="Pagination" class="pagination cf ac">
    </div>

    js

    var pageIndex = 0; 
    var pageSize = 10;
    
    $(document).ready(function () {
        InitContactors();
    });
    
    //初始化联系人列表
    var InitContactors = function () {
        InitTable(0);
    
        //总条目数
        var count = GetContactorCount($("#hidGroupId").val()).value;
    
        $("#Pagination").pagination(count, {
            callback: PageCallback,
            prev_text: '上一页',
            next_text: '下一页',
            items_per_page: pageSize,
            num_display_entries: 6,//连续分页主体部分分页条目数  
            current_page: pageIndex,//当前页索引  
            num_edge_entries: 2//两侧首尾分页条目数  
        });
    };
    
    //翻页调用  
    function PageCallback(index, jq) {
        InitTable(index);
    }
    
    //请求数据  
    function InitTable(pageIndex) {
        $.ajax({
            type: "POST",
            dataType: "text",
            url: 'Common/AddressPageHandler.ashx',
            data: "pageindex=" + (pageIndex + 1) + "&pagesize=" + pageSize,
            success: function (data) {
                $("#tbAddress tr:gt(0)").remove();//移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)  
                $("#tbAddress").append(data);//将返回的数据追加到表格  
            }
        });
    }

    ashx

    int pageIndex = Convert.ToInt32(context.Request["pageindex"]);
    int pageSize = Convert.ToInt32(context.Request["pagesize"]);
    
    if (pageIndex == 0)
    {
        pageIndex = 1;
    }
    
    _rcg = _cgm.GetGroups(LoginUser.SeqNo, LoginUser.CompID, pageIndex, pageSize);
    
    if (!_rcg.State)
    {
           _log.Append("state", _rcg.State);
    }
    else
    {
           var sb = new StringBuilder();
           if (_rcg != null && _rcg.Count > 0)
           {
                 foreach (var item in _rcg.CGroups)
                 {
                      sb.Append("<tr class="table-border-tr">");
                      sb.Append("<td>" + item.ContactorName + "</td>");
                      sb.Append("<td>" + item.ConfParticipatePhoneNo + "</td>");
                      sb.Append("<td>" + groupName + "</td></tr>");
                  }
                  str = sb.ToString();
            }
            context.Response.Write(str);
    }
  • 相关阅读:
    phpexcel 导入超过26列、处理时间格式
    PDO::__construct(): Server sent charset (255) unknown to the client. Please, report to the developers
    关于微信支付服务器证书更换的提醒
    PHP微信开发之模板消息回复
    js---用对象来放置变量和方法
    electron---更改安装图标
    css---【vw,vh】进行自适应布局单位
    vue---父子组件之间的通信【props,$refs、$emit】
    vue---props进行双向数据绑定报错
    ES6----拓展运算符 三个点【...】
  • 原文地址:https://www.cnblogs.com/dreamshallow/p/3651515.html
Copyright © 2020-2023  润新知