asp_异步无刷新分页

来源:互联网 发布:国外设计app软件 编辑:程序博客网 时间:2024/05/18 18:17

LoadAllNews.ashx:

 public void ProcessRequest(HttpContext context)
        {
            int pageSize = int.Parse(context.Request["pageSize"]??"5");
            int pageIndex = int.Parse(context.Request["pageIndex"]??"1");
            int total = 0;




            context.Response.ContentType = "text/plain";
            BLL.HKSJ_Main mainServer = new BLL.HKSJ_Main();
            
            //var list=mainServer.GetModelList(" ");
            //异步无刷新分页,必须加载当前页面,所以将上面语句进行修改
            var list = mainServer.LoadPageMainByProc(pageSize,pageIndex,out total);


            //分页的标签那都
            string strPageNav= Common.LaomaPager.ShowPageNavigate(pageSize,pageIndex,total);


            System.Web.Script.Serialization.JavaScriptSerializer javaScriptSerrializer = new System.Web.Script.Serialization.JavaScriptSerializer();


            //string jsonStr = javaScriptSerrializer.Serialize(list);
            //实现异步无刷新分页,则将上面的代码改为下面的
            string jsonStr = javaScriptSerrializer.Serialize(new { NavStr = strPageNav, PageList = list });
            context.Response.Write(jsonStr);
        }


UserList.html:

  function initTableList(requestData) {//为实现异步无刷新分页
        //function initTableList() {
            $.getJSON("LoadAllNews.ashx", requestData, function (data) {


                $("#tbData").html("");
                for (var key in data.PageList) {
                //为了实现异步无刷新分页,则将下面的代码改为上面的代码
                //for (var key in data) {//加载表格的数据
                   // var main = data[key];//为了实现异步无刷新分页,则将左边的代码改为下面的代码
                    var main = data.PageList[key];
                    $("#tbData").append("<tr><td>" + main.ID + "</td><td>" + main.title + "</td><td>" + (eval(main.Date.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d h:m:s.S") + "</td><td><a href='#' class='detail' nId='" + mian.ID + "'>详情</a>&nbsp;&nbsp;<a class='editLink' href='javascript:void(0)' uId='" + main.ID + "'>修改</a>&nbsp;&nbsp;<a class='deleteLink' href='#'>删除</a></td></tr>");
                    }
               //为了实现异步无刷新分页,把分页的页面链接放到页面上
               $("#nav").html(data.NavStr);
               //绑定分页的超级链接的标签的事件
               bindNavLink();




                bindDetailEvent();
                bindDeleteEvent();
                BindAddEvent();
                bindEditEvent();
               
        }
         });
         function bindNavLink(){
            $(".pageLink").click(function(){
               //发送异步请求道后台,更换表格数据以及分页超级链接标签的数据
               var href=$(this).sttr("href");
               var requestData=href.substr(history.lastIndexOf('?')+1);
               //初始化表格的方法体里面去
               initTableList(requestData);
               return false;
            });
         }

原创粉丝点击