asp.net gridview分页：第一页 下一页 1 2 3 4 上一页 最末页
效果图：
功能简介：可使用上下键选中行，选中后点击修改，textbox获得gridview中的代码的数据。对你有帮助的话，请记得要点击“好文要顶”哦！！！不懂的，请留言。废话不多说了，贴码如下：
<head runat="server">
<title>GridView分頁</title>
<script type="text/javascript">
var currentRowId = 0;
var styleName = "";
function SelectRow(ev, strGvName) {
var e = window.event || ev;
var keyCode = -1;
if (e.which == null)
keyCode = e.keyCode; // IE
else
if (e.which > 0)
keyCode = e.which; // All others
if (keyCode == 40)
MarkRow(currentRowId + 1, strGvName);
if (keyCode == 38) {
MarkRow(currentRowId - 1, strGvName);
}
document.getElementById("NUM").value = currentRowId;
}
function MarkRow(rowId, strGvName) {
var Grid = document.getElementById(strGvName);
var rowCount = Grid.rows.length;
if (document.getElementById(strGvName + rowId) == null)
return;
if (rowId == rowCount) {
return;
}
if (document.getElementById(strGvName + currentRowId) != null)
document.getElementById(strGvName + currentRowId).style.backgroundColor = styleName;
currentRowId = rowId;
styleName = document.getElementById(strGvName + rowId).style.backgroundColor;
document.getElementById(strGvName + rowId).style.backgroundColor = 'red';
var obj = document.getElementById(strGvName);
obj.rows[rowId].cells[0].focus();
document.getElementById("NUM").value = currentRowId;
}
</script>
<style type="text/css">
.hidden
{
display: none;
}
</style>
</head>
核心代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;//請添加以下命名空間
using System.Data;
using System.Drawing;
public partial class _Default : System.Web.UI.Page
{
SqlConnection con = new SqlConnection("Server=SERVER\\xxx;Database=xxxx;User ID=xx;Pwd=xx;");
private int _i = 0;//定義變量 ，查詢 Grid設定樣式有用到
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
getBind();
}
}
protected void getBind()
{
string str = "select * from im01";
DataSet ds = new DataSet();
SqlDataAdapter da = new SqlDataAdapter(str, con);
da.Fill(ds);
DataTable dt = ds.Tables[0];
gvData.DataSource = dt;
gvData.DataBind();
}
protected void gvData_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
}
protected void gvData_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Pager)
{
Label label_Index = new Label();
LinkButton Button_IndexFirst = new LinkButton();
LinkButton Button_IndexLast = new LinkButton();
LinkButton Button_IndexNext = new LinkButton();
LinkButton Button_IndexPrevious = new LinkButton();
Button_IndexFirst.Text = "第一頁 ";
Button_IndexFirst.CommandName = "first";
Button_IndexFirst.ForeColor = Color.Blue;
Button_IndexFirst.Click += new EventHandler(PageButtonClick);
Button_IndexNext.Text = " 下一頁 ";
Button_IndexNext.CommandName = "next";
Button_IndexNext.ForeColor = Color.Blue;
Button_IndexNext.Click += new EventHandler(PageButtonClick);
Button_IndexPrevious.Text = "前一頁 ";
Button_IndexPrevious.CommandName = "previous";
Button_IndexPrevious.ForeColor = Color.Blue;
Button_IndexPrevious.Click += new EventHandler(PageButtonClick);
Button_IndexLast.Text = "最末頁 ";
Button_IndexLast.CommandName = "last";
Button_IndexLast.ForeColor = Color.Blue;
Button_IndexLast.Click += new EventHandler(PageButtonClick);
e.Row.Controls[0].Controls[0].Controls[0].Controls[0].Controls.AddAt(0, (Button_IndexFirst));
e.Row.Controls[0].Controls[0].Controls[0].Controls[0].Controls.AddAt(1, (Button_IndexPrevious));
int controlTmp = e.Row.Controls[0].Controls[0].Controls[0].Controls.Count - 1;
e.Row.Controls[0].Controls[0].Controls[0].Controls[controlTmp].Controls.Add(Button_IndexNext);
e.Row.Controls[0].Controls[0].Controls[0].Controls[controlTmp].Controls.Add(Button_IndexLast);
}
}
protected void gvData_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
//设置悬浮鼠标指针形状为"小手"
e.Row.Attributes["style"] = "Cursor:hand";
}
string strGvName = "gvData";
e.Row.Attributes.Add("id", strGvName + _i.ToString());
e.Row.Attributes.Add("onKeyDown", "SelectRow(event,'" + strGvName + "');");
e.Row.Attributes.Add("onClick", "MarkRow(" + _i.ToString() + ",'" + strGvName + "');");
e.Row.Attributes.Add("tabindex", "0");
_i++;
}
protected void PageButtonClick(object sender, EventArgs e)
{
LinkButton clickedButton = ((LinkButton)sender);
if (clickedButton.CommandName == "first")
{
gvData.PageIndex = 0;
}
else if (clickedButton.CommandName == "next")
{
if (gvData.PageIndex < gvData.PageCount - 1)
{
gvData.PageIndex += 1;
}
}
else if (clickedButton.CommandName == "previous")
{
if (gvData.PageIndex >= 1)
{
gvData.PageIndex -= 1;
}
}
else if (clickedButton.CommandName == "last")
{
gvData.PageIndex = gvData.PageCount - 1;
}
getBind();
}
//修改
protected void btnUpd_Click(object sender, EventArgs e)
{
int intNum = 0;
if (this.NUM.Text == "" || this.NUM.Text == "0")
{
Response.Write("<script type=\"text/javascript\">alert('請先查詢並選擇一筆資料!')</script>");
return;
}
else
{
intNum = Convert.ToInt16(this.NUM.Text) - 1;
tbValue.Text = this.gvData.Rows[intNum].Cells[1].Text.ToString();
}
}
}
相关推荐
-
asp.net中的GridView分页问题
本文实例讲述了asp.net中的GridView分页问题.分享给大家供大家参考.具体分析如下: 在ASP.NET中,经常会使用到GridView的分页,一般情况下,若使用Visual Studio自带的数据源控件,不会出现什么问题. 但是如果自己用代码设置GridView的数据源,GridView中第一页显示正常,这时如果点击第二页,则经常会出现如下错误 提示:GridView"GridView_test"激发了未处理的事件"PageIndexChanging".
-
asp.net中gridview的查询、分页、编辑更新、删除的实例代码
1.A,运行效果图 1.B,源代码/App_Data/sql-basic.sql 复制代码 代码如下: use mastergoif exists(select * from sysdatabases where name='db1')begin drop database db1endgocreate database db1gouse db1go-- ================================-- ylb:1,类别表-- =====================
-
AspNetPager+GridView实现分页的实例代码
.框架是.NET Framework 4.0.一共为三个部分: 前台页面设计代码.前台页面程序代码.css样式.其中数据库连接操作用了DB类(连接语句),SQLHelper(微软的数据库操作类)效果图: 前台页面设计代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestWebSit
-
Android中实现多行、水平滚动的分页的Gridview实例源码
功能要求: (1)比如每页显示2X2,总共2XN,每个item显示图片+文字(点击有链接). 如果单行水平滚动,可以用Horizontalscrollview实现. 如果是多行水平滚动,则结合Gridview(一般是垂直滚动的)和Horizontalscrollview实现. (2)水平滚动翻页,下面有显示当前页的icon. 1.实现自定义的HorizontalScrollView(HorizontalScrollView.java): 因为要翻页时需要传当前页给调用者,所以fling函数中自己
-
Android入门之ActivityGroup+GridView实现Tab分页标签的方法
在Android程序中很多客户端软件和浏览器软件都喜欢用Tab分页标签来搭建界面框架.读者也许会马上想到使用TabHost 与 TabActivity的组合,其实最常用的不是它们,而是由GridView与ActivityGroup的组合.每当用户在GridView选中一项,ActivityGroup就把该项对应的Activity的Window作为View添加到ActivityGroup所指定的容器(LinearLayout)中. 先来贴出本例运行的效果图如下: ImageAdapter是本实例的
-
GridView分页的实现以及自定义分页样式功能实例
GridView分页的实现 复制代码 代码如下: 要在GridView中加入 //实现分页 AllowPaging="true" //一页数据10行 PageSize="10" // 分页时触发的事件 OnPageIndexChanging="gvwDesignationName_PageIndexChanging" 在服务器事件里 复制代码 代码如下: protectedvoid gvwDesignationName_PageIndexChan
-
GridView分页的实现(通用分页模板)
要在GridView中加入 //实现分页 AllowPaging="true" //一页数据10行 PageSize="10" // 分页时触发的事件 OnPageIndexChanging="gvwDesignationName_PageIndexChanging" 在服务器事件里 复制代码 代码如下: protectedvoid gvwDesignationName_PageIndexChanging(object sender, GridV
-
解析GridView自带分页及与DropDownList结合使用
GridView自带的分页功能实现: 要实现GrdView分页的功能 操作如下: 更改GrdView控件的AllowPaging属性为true. 更改GrdView控件的PageSize属性为 任意数值(默认为10) 更改GrdView控件的PageSetting->Mode为Numeric等(默认为Numeric)该属性为分页样式. GridView属性设置好了,从页面上也能看到分页样式. 现在开始实现分页的功能: 在<<asp:GridView ID=......>后添加,On
-
Asp.net GridView使用大全(分页实现)
GridView自带的分页功能实现: 要实现GrdView分页的功能操作如下:1.更改GrdView控件的AllowPaging属性为true.2.更改GrdView控件的PageSize属性为 任意数值(默认为10)3.更改GrdView控件的PageSetting->Mode为Numeric等(默认为Numeric)该属性为分页样式.GridView属性设置好了,从页面上也能看到分页样式. 现在开始实现分页的功能: 1.在<<asp:GridView ID=......>后添加
-
GridView高效分页和搜索功能的实现代码
前言: 公司项目开发,上周的任务是做基础数据的管理.在Sharepoint2010里边内嵌asp.net的aspx页,遇到了各种各样奇葩的问题,因为之前对sharepoint只是有一些了解,但是没有设计到具体的编程工作,这一次算是初次接触吧.其中有一部分基础数据数据量很大,大致有十多万,因为是对基础数据的维护,所以还需要对数据进行列表展示,增删改查什么的,大家都知道Asp.net里边的GridView有自带的分页,但是,那个分页对于少量的数据还好,对于这种数十万的数据量而言,这种分页方式简直就是