c# mvc webGrid 无刷新分页「建议收藏」

c# mvc webGrid 无刷新分页「建议收藏」参考地址:http://www.dotnetcurry.com/ShowArticle.aspx?ID=618一、webGrid.css.webGrid{margin:4px;border-collapse:collapse;/*width:300px;*/}.header{background-color:#E8E8E8;font-weight:bold;color:#FFF;}.head{

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

参考地址:http://www.dotnetcurry.com/ShowArticle.aspx?ID=618

一、webGrid.css
.webGrid
{

    margin: 4px;
    border-collapse: collapse; /*width: 300px;*/
}
.header
{

    background-color: #E8E8E8;
    font-weight: bold;
    color: #FFF;
}
.head
{

    background-color: #E8E8E8;
    font-weight: bold;
    color:Black;
}

.webGrid th, .webGrid td
{

    width: 190px;
    #width:170px;
    border: 1px solid #C0C0C0;
    padding: 5px;
}
.alt
{

    background-color: #E8E8E8;
    color: #000;
}
.person
{

    width: 200px;
    font-weight: bold;
}

二、Pager.js
var sPath = “”;
$(function () {

    if ($(“#EfficientPaging”) != undefined) {

        sPath = $(“#EfficientPaging”).val();
        $.getJSON(sPath, null, function (d) {

            // add the dynamic WebGrid to the body
            $(“#xwGrid”).append(d.Data);

            // create the footer
            var footer = createFooter(d.Count);

            $(“#DataTable tfoot a”).live(“click”, function (e) {

                e.preventDefault();
                var data = {

                    page: $(this).text()
                };

                $.getJSON(sPath, data, function (html) {

                    // add the data to the table   
                    $(“#DataTable”).remove();
                    $(“body”).append(html.Data);

                    // re-add the footer
                    $(‘#DataTable thead’).after(footer);
                });
            });
        });
    }
});

function createFooter(d) {

    var rowsPerPage = 5;
    var footer = “<tfoot><tr><td style=’border:none’>”;
    for (var i = 1; i < (d + 1); i++) {

        footer = footer + “<a href=#>” + i + “</a>&nbsp;”;
    }
    footer = footer + “</td></tr></tfoot>”;
    $(“#DataTable thead”).after(footer);
    return footer;
}  
三、view
 <link href=”../../Content/css/webGrid.css” rel=”stylesheet” type=”text/css” />
 <script src=”../../Content/jquery/mvcPager/Pager.js” type=”text/javascript”></script>

<input id=”EfficientPaging” name=”EfficientPaging” type=”hidden” value=”/Seller/EfficientPaging” />
    <div id=”xwGrid”>
    </div>
四、Controller
public class SellerController : Controller
{

 private List<Seller> sellPopular;
 [HttpGet]
        public JsonResult EfficientPaging(int? page)
        {

            int icount =10;//每页显示数量

            int skip = page.HasValue ? page.Value – 1 : 0;  //如果page为0默认显示第一页
            sellPopular = SellerAccess.GetSellerList(skip, icount);    //获取当前页显示的数据
            var grid = new WebGrid(sellPopular);
            var htmlString = grid.GetHtml(
               tableStyle: “webGrid”,
               headerStyle: “head”,
               alternatingRowStyle: “alt”,
               columns: grid.Columns(
               grid.Column(“SellerID”, “商家编号”, canSort: false),
               grid.Column(“SellerNick”, “商家昵称”,canSort:false),
                  grid.Column(format: (item) => {

                      return new HtmlString(“<input type=’button’οnclick=’RedirectVersion(” + item[“SellerID”] + “)’ value=’管理版本’/>&nbsp;<input type=’button’ οnclick=’UpSeller(” + item[“SellerID”] + “)’ value=’修改’/>&nbsp;<input type=’button’ value=’删除’οnclick=’DeleteSeller(” + item[“SellerID”] + “)'”);
                  }, columnName: “操作”,canSort:false)
                  ),
                  htmlAttributes: new { id = “DataTable” }
              );
           
            int sellerCount = SellerAccess.GetSellerCount();
            return Json(new
            {

               
                Data = htmlString.ToHtmlString(),
                Count = Math.Ceiling((double)sellerCount/(double)icount)    //计算总页数s
            }, JsonRequestBehavior.AllowGet);
        }
}
五、DataAccess
 /// <summary>
        /// 查询所有商家总数

        /// </summary>
        /// <returns></returns>
        public static int GetSellerCount()
        {

            int sellerCount = 0;
            using (ShopexMobileEntities db = new ShopexMobileEntities())
            {

                try
                {

                   sellerCount=db.Seller.ToList().Count();
                }
                catch (Exception)
                {

                    db.Dispose();
                    return sellerCount;
                }
            }
            return sellerCount;
        }
        /// <summary>
        /// 获取当前页显示的数据
        /// </summary>
        /// <param name=”pageIndex”>当前页</param>
        /// <param name=”count”>每页显示的数量</param>
        /// <returns></returns>
        public static List<Seller> GetSellerList(int pageIndex, int count)
        {

            List<Seller> sellerList = new List<Seller>();
            using (ShopexMobileEntities db = new ShopexMobileEntities())
            {

                try
                {

                     sellerList=db.Seller.OrderBy(o => o.SellerID).Skip(pageIndex * count).Take(count).ToList();
                  
                }
                catch (Exception)
                {

                    db.Dispose();
                    return null;
                }
            }
            return sellerList;
        }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/185643.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 加密芯片介绍 加密芯片选择(加密IC) 加密芯片原理

    加密芯片介绍 加密芯片选择(加密IC) 加密芯片原理原文链接:https://blog.csdn.net/chengjian815/article/details/107516575前端时间有研究多款加密芯片,加密算法实现,以及激活成功教程可能,也有一些个人的观点,仅供参考;一,加密芯片的来源及工作流程:市面上的加密芯片,基本都是基于某款单片机,使用I2C或SPI等通讯,使用复杂加密算法加密来实现的,流程大致如下:主控芯片生成随机码–>主控芯片给加密芯片发送明文–>加密芯片通过加密算法对明文进行加密生成密文–>

  • 国产操作系统: 盘点8款国产Linux桌面操作系统[通俗易懂]

    国产操作系统: 盘点8款国产Linux桌面操作系统[通俗易懂]2014年4月8日起,美国微软公司停止了对WindowsXPSP3操作系统提供服务支持,这引起了社会和广大用户的广泛关注和对信息安全的担忧。在这种背景下,国家出于计算机安全考虑,加大了针对操作系统开发力度,各软件企业纷纷开发自主操作系统。国产操作系统多以Linux为基础二次开发,今天我们为大家盘点一下二零一八年值得用户使用的国产Linux桌面操作系统。1.深度操作系统…

  • php json_decode解析失败及错误处理

    php json_decode解析失败及错误处理一般情况下,获取到一段json内容,直接json_decode($content,true)就转成array来用了,很方便。但是,如果给你提供json内容的接口出了点问题,给的json不标准或是干脆有错误,那就要想办法来找出问题了。先看看json_encode的php官方文档源码:http://cn2.php.net/manual/en/…失败时返回NULL<?php//$json='{“a”:1,”b”:2,”c”:3,”d”:4,”e”:5,”name”:”.

  • VB6.0数据库开发五个实例——罗列的总结

    VB6.0数据库开发五个实例——罗列的总结

    2021年12月15日
  • pdaf添加实例(2p7,type2)[通俗易懂]

    pdaf添加实例(2p7,type2)[通俗易懂]/***s5k2p7_pdaf.h**Copyright(c)2015QualcommTechnologies,Inc.*AllRightsReserved.*ConfidentialandProprietary-QualcommTechnologies,Inc.*/.vendor_id=QTI,.stats_dt=0x30

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号