分页

这个分页使用EF，差别不是很大，不过逻辑比较清晰，整个交互过程也简单了很多，一加载完页面在$(function(){})方法内调用Load(1, 10)就可以预加载第一页的数据，在Load()方法中实现一个ajax的异步请求，来请求数据和分页html代码。

 

1、JS代码

/*
*新闻健康资讯JS
*
*/

$(function () {
    $('[data-toggle="tooltip"]').tooltip({ html: true });
    Load(1, 10);
    
});


function Load(pageIndex, pageSize) {

    $.post("/News/LoadNewsInfo", { "pageIndex": pageIndex, "pageSize": pageSize }, function (rst) {
        var content = $("#news_list_table");//获取内容div
        var total = rst["Total"];
        if (total <= 0){
            content.html("<h2>暂无健康资讯信息！</h2>");
            return;
        }
        content.html("");
        for (var i = 0; i < rst["Total"]; i++) {
            content.append("<div class='news_list_item'><span class='news_list_title'><a href='javascript:void(0);'>" + rst["Row"][i].Title + "</a></span><span class='news_list_foornumber'>#" + parseInt(i + 1) + "</span><br /><span class='news_list_description'>--------------------</span> <span class='news_list_description'>"+rst["Row"][i].Remark+"</span></div>");
        }

        $("#pageHtml").html(rst["PageHtml"]);


    });
}

 

2、Html代码

 <!--【普通的资讯】-->
            <div class="news_list" id="news_list_table">
                             

            </div><!--普通资讯结束-->
        <!--【标题和描述展示结束】-->

        <div id="pageHtml" class="pageHtml"><!--【分页开始】-->
            
        </div><!--【分页结束】-->

 

3、后台代码

/// <summary>
        /// 【分页加载资讯信息】
        /// </summary>
        /// <returns></returns>
        public ActionResult LoadNewsInfo()
        {
            //创建数据上下文
            DBContext = new WebManagementDBEntities();

            //获取页码和每页条数
            int pageIndex = Request["pageIndex"] == null ? 1 : int.Parse( Request["pageIndex"]);
            int pageSize = Request["pageSize"] == null ? 10 : int.Parse(Request["pageSize"]);

            //获取相关数据的总数
            int total = DBContext.HealthInfo.Where(u=>u.DelFlag == 0 && u.IsHot == 0).Count();
            //获取数据
            var list = DBContext.HealthInfo.Where(u => u.DelFlag == 0 && u.IsHot == 0).OrderBy(u=>u.SubDate).Skip(pageSize * (pageIndex - 1)).Take(pageSize);
            
            //要来做数据处理的新数组
            ArrayList s = new ArrayList();
            foreach(var row in list)
            {
                var hel = new
                {
                    Title = row.Title,
                    Remark = row.Remark
                };
               s.Add(hel);
            }

            //分页导航的Html代码
            string pageHtml = Page.ShowNewsPageNavigate(pageIndex, pageSize, total);

            //把返回条数，数据行，分页的html代码封装成Json格式
            var data = new
            {
                Total = s.Count,
                Row = s.ToArray(),
                PageHtml = pageHtml

            };
            return Json(data, JsonRequestBehavior.DenyGet);
        }