大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

kkpager如何实现ajax分页查询功能

这篇文章主要介绍了kkpager如何实现ajax分页查询功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联专注于企业成都全网营销推广、网站重做改版、新干网站定制设计、自适应品牌网站建设、HTML5建站商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为新干等各大城市提供网站开发制作服务。

先看下前台代码:

@{
  Layout = null;
}



  
  
  
  
  Index


  
    
    
         
  
  function getParameter(name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");     var r = window.location.search.substr(1).match(reg);     if (r != null) return unescape(r[2]); return null;   }   function GetExcelTable(pageindex) {     $.ajax({       url: '/Home/index2',       dataType: "json",       type: "POST",       data: { "pageIndex": pageindex },       success: function (data) {         if (data.status == "0") {           $("#mainContent").empty();           $("#mainContent").html("

暂无数据

");           return;         }         $("#mainContent").html(data.data);         //定义分页样式         var totalCount = parseInt(data.pagecount);         var pageSize = parseInt(data.pagesize);         var pageNo = getParameter('pageIndex');//该参数为插件自带,不设置好,调用数据的时候当前页码会一直显示在第一页         if (!pageNo) {           pageNo = pageindex;         }         var totalPages = totalCount % pageSize == 0 ? totalCount / pageSize : (parseInt(totalCount / pageSize) + 1);         kkpager.generPageHtml({           pno: pageNo,           total: totalPages,           totalRecords: totalCount,           mode: 'click',           click: function (n) {             this.selectPage(pageNo);             searchPage(n);             return false;           }         }, true);       }, error: function (jqXHR, textStatus, errorThrown) {       }     });   }   //init   $(function () {     GetExcelTable(1)   });   //ajax翻页   function searchPage(n) {     GetExcelTable(n);   }

 后台代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Mvc;
namespace MvcKKpager.Controllers
{
  public class HomeController : Controller
  {
    private readonly int pageSize = 2;
    //
    // GET: /Home/
    public ActionResult Index()
    {
      return View();
    }
    public ActionResult Index2(string pageIndex) {
      List list = new List();
      list.Add("保护环境");
      list.Add("保护环境");
      list.Add("保护环境");
      list.Add("保护环境"); 
      list.Add("保护环境"); 
      var persons = (from p in list select p).Skip((int.Parse(pageIndex) - 1) * pageSize).Take(pageSize);
      StringBuilder builder = new StringBuilder();
      builder.Append("");
      builder.Append("时间展示点击(点击率)激活(激活率)平均点击单价实际激活成本消耗");
      builder.Append("");
      foreach (var item in persons) {
        builder.Append("");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item+"");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("");
      }
      builder.Append("");
      var result = new { status = "1", data = builder.ToString(), pagecount = list.Count().ToString(), pagesize = pageSize.ToString() };
      return Json(result);
    }
  }
}

也没什么好说的

看下样式吧

kkpager如何实现ajax分页查询功能

感谢你能够认真阅读完这篇文章,希望小编分享的“kkpager如何实现ajax分页查询功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章标题:kkpager如何实现ajax分页查询功能
本文路径:http://dzwzjz.com/article/jgpedo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP