DataGrid控件

最新推荐文章于 2024-04-04 15:06:09 发布
最新推荐文章于 2024-04-04 15:06:09 发布
阅读量447 收藏 1
点赞数 1
分类专栏： Asp.Net 文章标签： datagrid radiobutton dataset server object string

         它不仅可以删除、更新数据，还提供了分页浏览及数据排序等功能。

 

自动产生字段的DataGrid控件：

下面两个例子将示范如何使用分页浏览功能，但页脚未能实现居中对齐。

例一：

.aspx文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataGrid_Paging1.aspx.cs" Inherits="NewFolder6_Default3" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>DataGrid实现分页浏览</title>

</head>

<body>

    <h1 align="center">电脑零部件报价系统</h1>

    <form runat="server">

        <asp:DataGrid runat="server" ID="DataGrid1" AutoGenerateColumns="true" PageSize="8" AllowPaging="true"

        HorizontalAlign="Center" OnPageIndexChanged="DataGrid_PageIndexChanged" >

            <HeaderStyle Font-Size="Large" Font-Bold="true" HorizontalAlign="Center" ForeColor="#FFFFCC" BackColor="#990000" />

            <ItemStyle Font-Size="Medium" HorizontalAlign="Center" ForeColor="#330099" />

            <PagerStyle Font-Size="Medium" HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC" Mode="NumericPages" />

        </asp:DataGrid>     

    </form>

</body>

</html>

 

.cs文件：

protected void BindList()

    {

        string constr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath("DB.mdb");

        string sql="select * from pc";

        OleDbDataAdapter da = new OleDbDataAdapter(sql,constr);

        DataSet ds = new DataSet();

        da.Fill(ds,"pc");

        DataGrid1.DataSource = ds;

        DataGrid1.DataBind();

    }

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

            BindList();

    }

    protected void DataGrid_PageIndexChanged(object sender, DataGridPageChangedEventArgs e)

    {

        DataGrid1.CurrentPageIndex = e.NewPageIndex;    //CurrentPageIndex为目前显示之分页的下标，用e.NewPageIndex来读取要改变的页

        BindList();

}

 

效果图：

例二：

.aspx文件：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>让用户决定页码的显示格式</title>

</head>

<body>

    <h1 align="center">电脑零部件报价系统</h1>

    <form id="Form1" runat="server">

        <asp:DataGrid runat="server" ID="DataGrid1" AutoGenerateColumns="true" PageSize="8" AllowPaging="true"

        HorizontalAlign="Center" OnPageIndexChanged="DataGrid_PageIndexChanged" >

        <!--AutoGenerateColumns="true"表示使用“自动产生字段模式”，DataGrid控件会自动显示SQL命令所选取出来的字段-->

        <!--AllowPaging="true"表示允许分页浏览-->

        <!--PageSize="8"表示每页显示8条记录-->

       

            <HeaderStyle Font-Size="Large" Font-Bold="true" HorizontalAlign="Center" ForeColor="#FFFFCC" BackColor="#990000" />

            <ItemStyle Font-Size="Medium" HorizontalAlign="Center" ForeColor="#330099" />

            <PagerStyle Font-Size="Medium" HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC" Mode="NumericPages" />

       </asp:DataGrid>

       <center>

       页码模式：<asp:RadioButton ID="RadioButton1" runat="server" GroupName="Group1" Text="上下页模式" Checked="true" AutoPostBack="true"/>

                 <asp:RadioButton ID="RadioButton2" runat="server" GroupName="Group1" Text="数字模式" Checked="false" AutoPostBack="true"/>

                 <!--AutoPostBack属性必须设置为true，才能使选项一变即产生效果-->

       </center>

    </form>

</body>

</html>

 

.cs文件：

protected void BindList()

    {

        string constr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath("DB.mdb");

        string sql = "select * from pc";

        OleDbDataAdapter da = new OleDbDataAdapter(sql, constr);

        DataSet ds = new DataSet();

        da.Fill(ds, "pc");

        DataGrid1.DataSource = ds;

        DataGrid1.DataBind();

    }

    protected void Page_Load(object sender, EventArgs e)

    {

        if (RadioButton1.Checked == true)

        {

            DataGrid1.PagerStyle.Mode = PagerMode.NextPrev;

            DataGrid1.PagerStyle.PrevPageText = "上一页";

            DataGrid1.PagerStyle.NextPageText = "下一页";

        }

        else

            DataGrid1.PagerStyle.Mode = PagerMode.NumericPages;

        BindList();

    }

    protected void DataGrid_PageIndexChanged(object sender, DataGridPageChangedEventArgs e)

    {

        DataGrid1.CurrentPageIndex = e.NewPageIndex;

        BindList();

}

 

效果图：

 

 

例三：排序

.aspx文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataGrid_Ordering.aspx.cs" Inherits="NewFolder6_DataGrid_Ordering" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

</head>

<body>

    <h1 align="center">电脑零部件报价系统</h1>

    <form id="Form1" runat="server">

        <!--OnSortCommand制定当用户点击字段标题时，执行的事件-->

        <asp:DataGrid runat="server" ID="DataGrid1" HorizontalAlign="Center" AllowSorting="True" OnSortCommand="DataGrid_OnSortCommand">

            <HeaderStyle Font-Size="Large" Font-Bold="true" HorizontalAlign="Center" ForeColor="#FFFFCC" BackColor="#990000" />

            <ItemStyle Font-Size="Medium" HorizontalAlign="Center" ForeColor="#330099" />  

        </asp:DataGrid>

        <!--隐藏字段，用来保存排序字段-->

        <input id="Hidden1" type="hidden" runat="server" value="零部件种类 Asc"/>  

    </form>

</body>

</html>

 

.cs文件：

protected void BindList()

    {

        string constr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath("DB.mdb");

        string sql = "select * from pc";

        OleDbDataAdapter da = new OleDbDataAdapter(sql, constr);

        DataSet ds = new DataSet();

        da.Fill(ds, "pc");

        DataView dv = new DataView(ds.Tables["pc"]);

        dv.Sort = Hidden1.Value;    //DataGrid控件虽然允许数据排序，但它并不会自动进行排序，它只可以从e.SortExpression获取排序字段，真正的排序操作是通过DataView对象的Sort属性完成的。

        DataGrid1.DataSource = dv;

        DataGrid1.DataBind();

    }

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

            BindList();

    }

    protected void DataGrid_OnSortCommand(object sender, DataGridSortCommandEventArgs e)

    {

        if (Hidden1.Value.IndexOf("Desc") > 0)  //字符串里是否有"Desc"子字符串

            Hidden1.Value = e.SortExpression + " Asc"; //e.SortExpression获取排序字段，就是你点标题行里的哪个字段，就按哪个字段排序

        else

            Hidden1.Value = e.SortExpression + " Desc";

        BindList();

    }

    protected void DataGrid_PageIndexChanged(object sender, DataGridPageChangedEventArgs e)

    {

        DataGrid1.CurrentPageIndex = e.NewPageIndex;

        BindList();

}

 

效果图：

排序前（按“编号”字段排序）：

 

排序后（按“编号”字段排序）：
summer_grass
关注
专栏目录
DataGrid控件用法详解
04-11
介绍了DataGrid控件各种用法
关于Datagrid控件的使用
weixin_34221332的博客
01-08 145
        以前使用Visual Studio2003的时候,有个Datagrid控件,现在该用Visual Studio2005了,控件也发生了一些改变.现在Datagrid控件现在也摇身变成了Dataview了.不过变了功能更强大了。但是一些基本的东西还是大体一致的。今天我们就来说一下Dataview控件的使用。        Dataview控件主要是用来实现数据的Select、Inse...
[转自http://jhtchina.cnblogs.com/]Dev里面DataGid控件使用方法之一
weixin_30552635的博客
05-09 145
为了学习和方便以后自己的使用，特将http://jhtchina.cnblogs.com/的文章转摘，再次感谢原作者。Dev里面DataGid控件使用方法之一 (1)Dev控件GridControl 的使用 1、确认当前正在编辑的单元格的输入this.gridview1.CloseEditor(); 2、保存当前行的值到数据源this.gridview1.UpdateCurrentRow(...
DataGrid控件的基本使用方法
jamv163的专栏
10-17 1539
datagrid控件的作用简单点说就是将表格显示出来，用的多的是直接链接数据库文件，也可以自己见一个表格对象，链接到datagrid控件，下面是一个简单的例子             DataTable dt = new DataTable();             //新建列             DataColumn col1 = new DataColumn("设备名", typ
VB利用DataGrid控件辅助录入MSHFlexGrid数据
05-11
一个标准的VB编辑控件，VB利用DataGrid控件辅助录入数据，当输入数据并按下 ENTER 键，或用鼠标单击MSHFlexGrid控件中的另一个单元时，焦点将返回此控件。这时 TextBox 中的文本被复制到活动单元中。ESC:隐藏焦点并...
博图WinCC V16用ADODB、DataGrid控件显示SQL Server数据.docx
06-20
本文将深入讲解如何利用博图WinCC V16中的ADODB组件和DataGrid控件来显示来自SQL Server的数据。 ADODB（ActiveX Data Objects Database）是微软提供的一个数据库访问接口，支持多种数据库，包括SQL Server。在...
VB利用DataGrid控件辅助录入数据.rar_VB_VB利用DataGrid控件辅助录入数据_vb DataGrid_vb控
09-20
在VB（Visual Basic）编程中，DataGrid控件是一个非常实用的工具，它允许程序员创建一个用户友好的界面，用于显示和编辑数据库中的数据。在这个“VB利用DataGrid控件辅助录入数据”的实例中，我们将深入探讨如何有效...
DataGridView控件的用法详解合集
Never too late to study
11-14 3745
1，当前选择的的单元格属性取得、变更 private void button3_Click(object sender, EventArgs e)         {                         //当前选择的的单元格属性取得、变更             listBox1.Items.Add("当前选择的表格值(代码：dataGridView1.CurrentCel
vb中datagrid控件的详细使用方法
10-20
vb中datagrid控件的详细使用方法，拿出来给大家看看！！！！是学习datagrid控件的好助手
DataGrid控件用法
weixin_30284355的博客
07-16 101
实现模版列有超连接外观，一点实现打开或者下载的功能。 <ItemTemplate><a href='download.aspx?DocTitle=<%# DataBinder.Eval(Container.DataItem,"DocTitle") %>'><%# DataBinder.Eval(Container.DataItem,"DocTitle"...
Datagrid 控件的使用
weixin_30787531的博客
07-27 169
分页protected void DataGrid1_PageIndexChanged(object source, DataGridPageChangedEventArgs e) { this.DataGrid1.CurrentPageIndex = e.NewPageIndex; this.datagridview(); }隐藏列this.DataGr...
DataGrid控件使用技巧
The key to .Net
05-03 513
    将数据库内容绑定至DataGrid是非常简单的，我们所要做的就是通过SQL查询来生成一个DataReader对象，将DataGrid的DataSource属性设为这个DataReader对象，然后调用DataGrid对象的DataBind()方法。剩下的事情就是将DataGrid放置到HTML中，它可通过如下代码实现：         ＜ASP:datagrid runat="server
WPF之DataGrid控件使用
weixin_46846685的博客
01-24 8242
WPF之DataGrid控件使用一、DataGrid简介二、DataGrid数据源绑定三、DataGrid单元格编辑三、DataGrid增加删除行参考文档 一、DataGrid简介 二、DataGrid数据源绑定 三、DataGrid单元格编辑 要实现对DataGrid单元格编辑，需先将DataGrid属性IsReadOnly设置为false，可以在DataGrid定义中设置，这样是对全体单元格只读属性进行设置，也可以在列定义中设置，这样是对单个列字段进行设置。 DataGrid单元格编辑触发方法主要有Ce
关于DataGridView控件使用
apr_su
12-23 318
一、是否允许用户对DataGridView操作 AllowUserToAddRows属性：是否允许用户增加一行数据 AllowUserToDeleteRows属性：是否允许用户删除一行数据 AllowUserOrderColumns属性：是否允许用户手动重新放置列 AllowUserToResizeColumns属性：用户是否可以调整列的大小 （以上的属性值都为true或false） 二、展示...
【WPF应用32】WPF中的DataGrid控件详解与示例
最新发布
qq_35320456的博客
04-04 6569
WPF中的DataGrid控件详解与示例
GridView控件的使用（一）
2301_77523055的博客
04-04 2383
GridView它是一个强大的数据绑定控件，能够灵活地显示和编辑数据源中的数据。
[我的ASP.net学习历程]DataGrid(DataBind)(1)
[橫渡]
09-21 1056
void Page_Load(Object Sender,EventArgs e){ Hashtable HT=new Hashtable(); HT.Add("1234","Microsoft"); HT.Add("5678","IBM"); HT.Add("7895","SUN"); HT.Add("0123","Orlce");  MyDataGrid.DataSource=HT; MyDa
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值