asp.net gridview分页:第一页 下一页 1 2 3 4 上一页 最末页

当我们需要在asp.net网站中实现数据分页展示的功能时,可以使用GridView控件来实现。下面是实现asp.net GridView 分页展示的完整攻略。

安装PagedList.Mvc

我们可以通过Nuget安装PagedList.Mvc,在Manage NuGet Packages界面搜索PagedList.Mvc进行安装。这是一个非常常用的分页库,可以大大减轻分页的开发难度。

安装完成后,我们可以在代码中使用PagedList.Mvc的相关方法,实现快速方便的分页功能。

绑定数据源到GridView控件

在ASP.NET webform代码中,我们可以使用GridView控件来展示数据库中的数据。GridView控件可以与数据源进行绑定,并在网站中将数据以表格形式进行展示。

以下是GridView与数据源进行绑定的示例代码:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:BoundField DataField="ProductID" HeaderText="ProductID" SortExpression="ProductID" />
                <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
                <asp:BoundField DataField="CategoryName" HeaderText="CategoryName" SortExpression="CategoryName" />
                <asp:BoundField DataField="UnitPrice" HeaderText="UnitPrice" SortExpression="UnitPrice" />
            </Columns>
        </asp:GridView>

// 数据源SQLDataSource1
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [ProductID], [ProductName], [CategoryName], [UnitPrice] FROM [ProductsWithCategories]"></asp:SqlDataSource>

GridView分页

下面是使用PagedList.Mvc库实现GridView分页的示例代码:

  1. 首先,在Controller中查询数据:
public ActionResult Index(string sortOrder, string searchString, int? page)
{
    ViewBag.NameSortParm = String.IsNullOrEmpty(sortOrder) ? "name_desc" : "";
    ViewBag.DateSortParm = sortOrder == "Date" ? "date_desc" : "Date";
    var students = from s in db.Students
                   select s;
    if (!String.IsNullOrEmpty(searchString))
    {
        students = students.Where(s => s.LastName.Contains(searchString)
                               || s.FirstMidName.Contains(searchString));
    }
    switch (sortOrder)
    {
        case "name_desc":
            students = students.OrderByDescending(s => s.LastName);
            break;
        case "Date":
            students = students.OrderBy(s => s.EnrollmentDate);
            break;
        case "date_desc":
            students = students.OrderByDescending(s => s.EnrollmentDate);
            break;
        default:
            students = students.OrderBy(s => s.LastName);
            break;
    }
    int pageSize = 3;
    int pageNumber = (page ?? 1);
    return View(students.ToPagedList(pageNumber, pageSize));
}
  1. 在View中分页展示数据,使用PagedList.Mvc的分页方法:
@{
    ViewBag.Title = "Students";
}
<h2>Students</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>

@using (Html.BeginForm())
{
    <p>
        Find by name: @Html.TextBox("SearchString") <input type="submit" value="Search" />
    </p>
}
<table class="table">
    <tr>
        <th>
            @Html.ActionLink("Name", "Index", new { sortOrder = ViewBag.NameSortParm })
        </th>
        <th>
            @Html.ActionLink("Enrollment Date", "Index", new { sortOrder = ViewBag.DateSortParm })
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.LastName) , @Html.DisplayFor(modelItem => item.FirstMidName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.EnrollmentDate)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Details", "Details", new { id=item.ID }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.ID })
        </td>
    </tr>
}

</table>

<div>
    Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount

    @Html.PagedListPager(Model, page => Url.Action("Index", 
        new { page, sortOrder = ViewBag.CurrentSort, searchString = ViewBag.CurrentFilter }))
</div>

总结

通过上述步骤,我们就可以简单轻松的实现asp.net GridView分页功能。使用PagedList.Mvc库可以让我们更加方便地实现分页,提高开发效率。同时,在实现GridView和数据源的绑定时,我们也可以根据具体需求灵活设置展示效果。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:asp.net gridview分页:第一页 下一页 1 2 3 4 上一页 最末页 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • 新手快速学习JavaScript免费教程资源汇总

    新手快速学习JavaScript免费教程资源汇总 背景介绍 JavaScript 是一种常用的编程语言,具有广泛的应用领域。如果您是一个 JavaScript 初学者,可以通过参考多种免费的教程资源来快速掌握这门语言。在本文中,我们将分享一些值得推荐的免费 JavaScript 学习资源,帮助您在学习的过程中少走弯路。 步骤 下面是一个 JavaScript…

    JavaScript 2023年5月27日
    00
  • element-ui表格合并span-method的实现方法

    下面是”element-ui表格合并span-method的实现方法 “的完整攻略。 1. 简介 在使用 Element UI 表格组件时,经常遇到需要对表格进行合并单元格的操作。Element UI 表格提供了 span-method 方法来实现单元格合并,可以按行或列进行合并。span-method 方法的作用是在表格初始渲染和数据更新时对单元格进行合并…

    JavaScript 2023年6月10日
    00
  • Next.js项目实战踩坑指南(笔记)

    Next.js项目实战踩坑指南(笔记) 介绍 Next.js是一个React框架,它能够帮助开发者快速构建React应用,并集成了很多有用的特性和插件,例如服务器端渲染、静态文件生成等等。在使用Next.js进行开发时,可能会遇到一些问题和坑,这篇文章主要是讲解在实际开发中可能遇到的一些问题,并提供解决方案。 坑1: 如何在Next.js中使用自定义路由 默…

    JavaScript 2023年6月11日
    00
  • JSON 入门教程基础篇 json入门学习笔记

    JSON 入门教程基础篇 json入门学习笔记 本文主要介绍JSON的基础知识,包括JSON是什么、JSON的语法格式、如何解析JSON数据等,读者可以通过本文学习到JSON的基础知识并能够进行简单的JSON数据解析。 什么是JSON JSON全称为JavaScript Object Notation,它是一种轻量级的数据交换格式。JSON以纯文本的形式表示…

    JavaScript 2023年5月27日
    00
  • Javascript生成器(Generator)的介绍与使用

    Javascript生成器(Generator)的介绍与使用 简介 Javascript生成器是一种特殊类型的函数,它允许我们暂停函数的执行并返回一个中间结果,稍后再继续执行并返回更多的中间结果。在实际应用中,生成器通常用于处理大量数据或者生成一系列的异步任务。 定义 我们可以使用函数声明或函数表达式来定义一个生成器。当定义一个生成器时,我们需要在函数名后面…

    JavaScript 2023年5月27日
    00
  • JavaScript第一个分水岭之数组的基本操作

    JavaScript中的数组是一种非常常用的数据结构,可以用于存储和操作一组数据。学会数组的基本操作是学习JavaScript的第一个重要分水岭。下面是一份完整的攻略,包括数组的基本操作和示例说明。 创建数组 可以使用以下两种方式来创建一个数组: 直接创建 可以使用方括号来直接创建一个数组,数组中的元素使用逗号分隔。 var arr = [1, 2, 3, …

    JavaScript 2023年5月27日
    00
  • JavaScript中几个重要的属性(this、constructor、prototype)介绍

    当我们学习JavaScript时,一定会接触到几个重要的属性:this、constructor、prototype。 this this 是 JavaScript 中非常重要的关键字,其指向的是当前函数执行上下文的对象。在不同的环境中,this 的指向也会不同。 在全局作用域中,this 指向的是 window 对象。 在函数中,this 的指向会根据函数的…

    JavaScript 2023年5月27日
    00
  • 一种新的javascript对象创建方式Object.create()

    一种新的javascript对象创建方式Object.create() Object.create()是一个比较新的JavaScript方法,它可以创建一个新对象,并将原型设置为一个已有的对象。这意味着你可以使用一个现有对象作为新对象的原型,在新对象里共享原型的属性和方法。使用Object.create()的主要优点包括: 简化代码 更简单的原型继承 字面量…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部