.net GridView分页模板的实例代码
GridView分页模板:实战代码分享
对于对GridView分页模板感兴趣的朋友们,下面提供一个实例代码供您参考。在GridView中加入分页功能,您可以选择在前端或后台进行设置,这里我们将以前台设置为例进行展示。
一、HTML部分(ASP.NET WebForms)
在您的ASPX文件中,您首先需要定义一个GridView控件,并为其添加分页功能的相关属性。例如:
```html
```
在此代码中,`AllowPaging="True"`启用了分页功能,`PageSize="10"`定义了每页显示的记录数。`OnPageIndexChanging`是一个事件处理器,用于处理用户切换页码时的动作。
二、后台代码(C)
在相应的代码文件(如:YourPage.aspx.cs)中,您需要编写事件处理函数来处理分页逻辑。例如:
```csharp
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
// 这里是获取数据并绑定到GridView的代码逻辑,通常涉及到数据库查询和分页逻辑处理。
// 例如使用PagedDataSource进行分页处理。这里仅做示意代码示例,具体实现需要依据实际情况进行编写。
GridView view = sender as GridView;
view.PageIndex = e.NewPageIndex; // 设置新的页码索引
BindGrid(); // 重新绑定数据到GridView的方法调用,实现分页逻辑。
}
```
在`BindGrid()`方法中,您将实现数据的查询和绑定到GridView的逻辑。这通常涉及到数据库查询和分页逻辑处理,根据您的具体需求进行相应的实现。这里只是提供一个简单的示意代码示例。在实际应用中,您需要根据实际情况进行具体的实现。
实现优雅的分页功能
为了优化用户体验,我们开启了分页功能,让信息展示更为清晰和有条理。通过简单设置,AllowPaging="true",我们启用了分页机制。每一页默认展示10条数据,PageSize="10",便于用户浏览。
当进行分页时,会触发gvwDesignationName_PageIndexChanging事件。在服务器端的处理逻辑中,我们通过以下代码实现分页索引的变更:
```csharp
protected void gvwDesignationName_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView theGrid = sender as GridView;
int newPageIndex = 0;
if (e.NewPageIndex == -3)
{
// 若点击了Go按钮
TextBox txtNewPageIndex = null;
GridViewRow pagerRow = theGrid.BottomPagerRow;
if (pagerRow != null)
{
txtNewPageIndex = pagerRow.FindControl("txtNewPageIndex") as TextBox;
}
if (txtNewPageIndex != null)
{
newPageIndex = int.Parse(txtNewPageIndex.Text) - 1;
}
}
else
{
// 若点击了其他按钮
newPageIndex = e.NewPageIndex;
}
// 防止新索引溢出
newPageIndex = newPageIndex < 0 ? 0 : newPageIndex;
newPageIndex = newPageIndex >= theGrid.PageCount ? theGrid.PageCount - 1 : newPageIndex;
// 应用新的索引值
theGrid.PageIndex = newPageIndex;
// 重新加载数据
bingDesignatioonName();
}
```
我们为用户提供了一个通用的分页显示模板,方便用户快速了解当前页面以及总页数信息。在模板中,我们使用了标签(Label)和链接按钮(LinkButton)来展示当前页码、总页码以及导航按钮。这样设计不仅清晰易懂,而且操作便捷。
模板内容如下:
```html
当前第:
编程语言
- .net GridView分页模板的实例代码
- 详解axios在vue中的简单配置与使用
- ASP.NET MVC阿里大于短信接口开发短信群发能
- ThinkPHP在新浪SAE平台的部署实例
- 使用Vue的slot插槽分发父组件内容实现高度复用、
- PHP基础知识介绍
- JS限定手机版中图片大小随分辨率自动调整的方法
- jQuery实现转动随机数抽奖效果的方法
- Angular4学习教程之DOM属性绑定详解
- jquery实现的3D旋转木马特效代码分享
- javascript中的闭包概念与用法实践分析
- 如何在微信小程序中实现Mixins方案
- 解决nginx不支持thinkphp中pathinfo的问题
- mysql的集群模式 galera-cluster部署详解
- jQuery EasyUI Tab 选项卡问题小结
- Flex中AdvancedDataGrid的用法示例介绍