189 8069 5689

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://cdxtjz.cn/article/jgpedo.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。