GridView的使用

GridView的介绍

应用：

使用GridView来显示数据库中表的数据，如图：有一个T_User表

用GridView显示的效果是：（其实和数据库中的显示效果是一样一样的。）

当然还可以在此基础上进行修改。如启用编辑、删除、修改等功能。我不显示User_Id字段了等都是可以的。

操作过程：

方法1：在【服务器资源管理器】中添加上数据库的连接，找到要显示的表，将要显示的字段选中，直接拖动到页面就可以了。（微软nm就是智能），这个应用在测试过程中，很是实用。但在正规的项目中并不推荐。

方法2：当然你也可以先拖动一个GridView，然后再拖动一个SqlDataSource，效果都是一样一样的。

方法3：更过通常的做法，我们是GridView+ObjectDataSource+DataSet来实现这个功能（推荐）。

更改表头成汉字

在【源】中打到HeaderText，修改即可：

你还可以设置DataFormatString="{0:C2}"来将数字以美元形式来显示

给每一行添加一个按钮，当点击的时候，将所在的Id添加到一个ListBox列表中

在GridView的Columns中添加

            <asp:ButtonField ButtonType="Button" Text="添加" CommandName="add" /><asp:ButtonField ButtonType="Button" Text="取消" CommandName="cancel" />

这样就添加了两个按钮，这里的CommandName的值自己随便起。

然后在GirdView的RowCommand事件中添加如下代码：

protected void GridView2_RowCommand(object sender, GridViewCommandEventArgs e){int index = Convert.ToInt32(e.CommandArgument);string id = GridView2.Rows[index].Cells[0].Text;if (e.CommandName == "add"){listBoxMsg.Items.Add(id);}else if (e.CommandName == "cancel"){while (listBoxMsg.Items.Contains(new ListItem(id))){listBoxMsg.Items.RemoveAt(listBoxMsg.Items.IndexOf(new ListItem(id)));}}else{return;}           }

添加一个字段，明细字段，当点击的时候，就转到了另一个页面，并把Id传过去

在GridView的Columns中添加

 <asp:HyperLinkField DataTextField="User_Name" DataTextFormatString="查看{0}明细"DataNavigateUrlFields="User_Id" DataNavigateUrlFormatString="Details.aspx?id={0}" />

我想让Id字段以按钮的形式显示，这就用到了自定义模板（这个就很像ListView控件了）

把原来的User_Id的BoundField去掉

 <asp:TemplateField  HeaderText="User_Id"  InsertVisible="False" SortExpression="User_Id"><EditItemTemplate><asp:Label ID="Label1" runat="server" Text='<%# Bind("User_Id") %>'></asp:Label></EditItemTemplate><ItemTemplate><asp:Button ID="Button1" runat="server" Text='<%# Bind("User_Id") %>' /></ItemTemplate></asp:TemplateField>

我想实现高亮显示，鼠标放在哪一行，哪一行高亮显示

添加

<RowStyle CssClass="shenRow" />

这个与Columns同级，剩下的就是js与css的知识了。

<style type="text/css">.light{background-color:Yellow;}</style><script src="../Styles/jquery-1.4.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$(".shenRow").mouseenter(function () {$(this).addClass("light");}).mouseleave(function () {$(this).removeClass("light");});});</script>

转载于:https://www.cnblogs.com/dianyitongxiao/archive/2013/06/08/3127215.html

GridView的使用相关推荐

GridView使用的技巧
今天用gridview遇到一个问题,看下图 <img src="https://img-blog.csdn.net/20160226093238343?watermark/2/text ...
DataGrid和GridView单击背景变色双击颜色还原
DataGrid中首先我们假设.aspx文件中DataGrid的数据行的样式为 <AlternatingItemStyle BackColor="White" ForeCo ...
GridView中HyperLinkField的链接使用JavaScript问题
本来写好的程序,突然增加需求说要点链接以后刷新父页面并弹出窗口,弹出可以直接用Target属性,在网上查了查,DataNavigateUrlFields并不支持JavaScript,在别人博客上还找到 ...
[学习]GridView 学习集合 -- GridView中使用超链接的技巧
GridView中使用超链接的技巧数据绑定方式有两种,如下示例: Eval方式 <%# Eval("id") %> Bind方式 <%# Bind(" ...
ASP.NET 2.0 ajax中gridView的刷新问题!
我是一个经常使用ASP.NET2.0的开发人员,最近看了ajax课程,也想使用一下Ajax这个强大的技术,我就使用了,在一个UpdatePanel中放入了一个gridView,果然能达我的满意效果,设 ...
ASP.NET DEMO 14: 如何在 GridView/DataGrid 模板列中使用自动回发的 CheckBox/DropDownList
有时候希望在 GridView 模板中使用自动回发的 CheckBox (autopostback=true) ,但是 CheckBox 没有 CommandName 属性,因此也就无法在 GridV ...
服务器不能显示皮肤,服务器控件gridview扩展,为什么不能应用皮肤?
你要先确认是控件的问题还是皮肤写的有问题.你先那微软自己的GridView 测试下你的皮肤看看是否有效, 扩展控件, 除非你是 Override 了基类的功能,一般不会改变基类的功能的. 看看我这 ...
手把手教你如何扩展GridView之自带CheckBox
我们在使用GridView的时候,很多时候需要使用CheckBox列,比如批量删除,批量审批,但是每每都需要记住繁琐的实现方法.多麻烦呀!再次给GridView做个手术,让它自己就能产生CheckBo ...
GridView单元格取值显示为nbsp;
在通过GridView取一个单元格(cell)的值时,数据库中为NULL,而页面上显示为空格.发现通过gridview.cell[i].text取出来的值为 ,导致获取数据出现问题. 解决方法: 一. ...
GridView的编辑,更新,取消,删除等功能演示
GridView的编辑,更新,取消,删除等功能演示这是一个GridView应用的视频,内容很透彻的讲解了GridView的很多实用的技巧. 下载地址:http://download.cnblogs. ...

GridView的使用

GridView的使用相关推荐

最新文章

热门文章

GridView的 使用

GridView的 使用相关推荐

最新文章

热门文章

GridView的使用

GridView的使用相关推荐