必知的技术知识:GridView详解

简介: 必知的技术知识:GridView详解

写在前面asp.NET2.0中GridView恐怕是我们用得最多的一个数据列表控件了(与此相当的是Repeater)


下面从设置它的数据源到它的数据绑定,再到它的显示设置来说说GridView的用法.(可以看出本文实在只是个总结贴,没啥技术含量,欢迎大家补充说明)


No.1 数据源:


对于GridView来说,只要是序列化的数据都可以作为数据源.比如对象数组/XML/Table等等,只要你能想象到的,可以转化成一张表的东西.


如果图省心的话,可以配合DataSource控件来使用它,那么对数据的操作就可以集中在DataSource中处理,双剑合璧挖,省时又省心.


其绑定数据源的步骤就是:1.指定数据源:gridview.Datasource=xxx;2.绑定数据源:gridview.DataBind();


No.2 数据的绑定:


GridView在我们绑定数据源之后会默认自动根据数据生成列,但是有时候,我们会手动指定数据源而不用DataSource控件,并且需要更多样化的数据绑定和控制,所以,使用模板列来绑定数据,并对模版内的控件定位就成了关键:(这里我把用GridView自带列绑定数据省略掉了,如果有时间,我会把这里放在本文的最下面的附录里)


1.设置模板列


在Design(设计)模式下,GridView右上角有个小三角,点击它就可以对GridView进行更多操作,比如对列进行编辑;如果添加了模板列的话,还可以在这里对模板列进行编辑.


在"显示"这里,点击下拉列表,选择Item Template(这里是主要的显示处,所放进来的东西会在GridView的普通状态下显示),我们可以随便往里面填什么(基本上所有可以显示数据的控件都可以放进来帮助我们绑定并显示数据).//代码效果参考:http://www.jhylw.com.cn/410334975.html


比如我们拖进来一个Label,然后点击Label右上角的小三角就可以设置其的数据绑定了.


如果用一个设置好的DataSource控件做数据源,那么就可以直接在里面选择要绑定的字段及其显示格式,系统帮我们自动生成代码;


如果是自己指定数据源.....那么我们就只好自己来设置绑定了,可以在这里直接输入Eval("需要显示的字段"),也可以切换到代码,在里面写.对于Label来说,可能的写法是:.


自己书写最大的好处就是:我们可以任意在里面填写我们所需要的代码!比如:


瞧,这意味着我们可以对该绑定的数据进行一定的修饰,然后再显示.如果该数据控件是一个类似GridView的可以帮定数据列的,那么我们甚至可以给它指定一个返回数据源的函数!


在"显示"这里,点击下拉列表,选择EditItem Template(所放进来的东西会在GridView的编辑状态下显示--即GridView.EditIndex等于该行时),我们需要往里面放我们希望在编辑该数据时要显示的东西,比如一个TextBox(在这里,同样可以给控件指定要绑定的数据).


代码可能是这样的:


然后GridView里面的全部代码可能是这样的:


给GridView添加一个RowEditing事件:


protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)


{


this.GridView1.EditIndex = e.NewEditIndex;


}


运行一下,显示正常,点击Edit会发现显示的数据被放进了一个TexBox,这样我们就可以对它进行编辑了.


2.在GridView的RowDataBound事件中,设置详细的绑定数据


在上面我们使用模板列来控制数据绑定以后基本上可以控制大部分数据的详细显示了.但是可能有人觉得这样写不太好看(页面和代码根本没分离嘛),或者我们在GridView里使用了UserControl而带来的绑定错误(因为在GridView给控件绑定数据时,UserControl还没有初始化)等原因,所以可以在这个事件里进行详细的绑定设置.


从名字上就可以知道,该事件是GridView的一行被绑定后才触发的.由于具体的行绑定涉及到行内数据的定位,所以就放在下面来说明如何使用RowDataBound,在这里,我们大概说下它的过程:首验证传回的e.Row是否被创建完全,然后从e.Row里用FindControl(ControlID)来获取ID为ControlID的控件,最后给控件赋值即可.需要注意的是,如果用的是GridView自带的列,则在RowDataBound中就是不同的方法来寻找了.


由于数据的绑定完全在后台代码中实现,我们可以更加自由地去修改和绑定数据了.


No.3 GriView中的控件/数据定位:


在GridView中寻找一个数据并不是简简单单地一个this.GridView1.XXX那么简单,因为毕竟我们在后台写代码的时候,GridView里面的数据/数据模板还没有生成呐.所以一般来说,我们采用的方法是先确定该数据/数据模板所在的行,然后根据其类型来从该行提取它(在这里我们就可以看到,这也是一个假定该行已经被完全创建,且该行包含我们要找的数据/数据模板----因此使用的时候请首先确认执行该代码前,代码所需要的行已经被创建).


要获取GridView自生成的列,可以用this.GridView1.Rows【index】.Cells【index】.Text;


而模版列,则要用this.GridView1.Rows【index】.Cells【index】.FindControl(string ControlID)或者是this.GridView1.Rows【index】.FindControl(string ControlID).


检查GridView的行是否被创建,可以用Row.RowType == DataControlRowType.DataRow(其中Row是我们要检验的GridView行).


下面介绍常用的2种定位,各有各的优缺点,使用事件常常得到的是一个行,而使用Button控件的数据绑定则可以根据绑定的不同得到特定的数据.


1.使用GridView自带事件进行定位:


下面我列出可能用到的事件(这里默认控件名为GridView1)


protected void GridView1_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)


{


//用GridView的Select列时,可以使用这个方法


//e.NewSelectedIndex;//当前要选择的行,获取的是GridView当前页的index


}


protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)


{


//this.GridView1.SelectedValue.ToString();


//当前要选择的行的DataKeys,获取的是GridView当前页的DataKeys,


//比如可以设置GridView的DataKeys是数据源里的"ID"那么这里获取的就是当前选中行的数据的ID.


//需要注意的是,SelectedValue只有在SelectedIndexChanged中才有值,其他时候是null;


}


protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)


{


//e.RowIndex;//当前要提交的行,获取的是GridView当前页的index


}


protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)


{


//e.NewEditIndex;//当前要编辑的行,获取的是GridView当前页的index


}


protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)


{


//e.RowIndex;//当前要删除的行,获取的是GridView当前页的index


}


protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)


{


//e.RowIndex;//当前要撤消编辑的行,获取的是GridView当前页的index


}


protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)


{


//e.NewPageIndex;//当前要到的页,获取的是GridView要切换页的index


}


protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)


{


if (e.Row.RowType == DataControlRowType.DataRow && e.Row.RowIndex != GridView1.EditIndex)


{


//e.Row;//当前已经生成,并绑定好数据的行;


}


}


2.使用Button中的CommandArgument属性来绑定ID,进而获取要编辑、删除、提交、选择的行.


比如可能的代码是这样的:


然后在Button1_Click这个事件中,我们就可以用((Button)sender).CommandArgument来获得绑定的数据


3.使用GridView.XXX来进行定位.


问题回来了,现在我们要讨论的是如何用GridView这种常用而又熟悉的方式来从GridView中获取我们想要的数据.


在GridView中,可以存放2种数据:一种可以显示出来的,呈现给我们的是一个表格形式,那就是我们通常所使用GridView.Row或者Column来获取到的;一种是不显示的,但是我们可以在后台使用,可以使用GridView.DataKeys来设置和获取其值;


不管是哪种数据,只要不是GridView的属性,就需要我们在GridView完全生成以后才能获取.


1)数据表格


就像前面所说,GridView仅仅将数据生成了一个表格,所以获取的方式无非就是GridView.Row(GridView.Column主要用来设置整个列的属性,所以一般不用来获取里面的值),下面就是一个例子,我给每行的第2列中的btnAdd这个Button添加一个小属性:


foreach (GridViewRow gr in GridView)


{


((Button)gr.Cells【1】.FindControl("Button")).Attributes.Add("onclick", "alert('Clicked me!')");


}


2)DataKeys


如果是DataKeys中的数据,那么就可以直接使用GridView.DataKeys【编号或者绑定的Key的名称】来获取.比如我在开始的时候设置GridView.DataKeyNames="id";那么等到所有数据绑定完成后,就可以用GridView.DataKeys【"id"】来获取该行数据id的值了.


这样的好处是显而易见的,如果我希望能获取该行的特定字段值,而又不让其在页面上显示,那么这种方法最好不过了.


基本先说到这儿,其他的以后再加,欢迎大家讨论和提点意见

相关文章
|
3月前
|
缓存 搜索推荐 Android开发
安卓开发中的自定义控件实践
【10月更文挑战第4天】在安卓开发的海洋中,自定义控件是那片璀璨的星辰。它不仅让应用界面设计变得丰富多彩,还提升了用户体验。本文将带你探索自定义控件的核心概念、实现过程以及优化技巧,让你的应用在众多竞争者中脱颖而出。
|
3月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
133 0
|
1月前
|
搜索推荐 Android开发 开发者
安卓应用开发中的自定义控件实践
在安卓应用开发的广阔天地中,自定义控件如同璀璨的星辰,点亮了用户界面设计的夜空。它们不仅丰富了交互体验,更赋予了应用独特的个性。本文将带你领略自定义控件的魅力,从基础概念到实际应用,一步步揭示其背后的原理与技术细节。我们将通过一个简单的例子——打造一个具有独特动画效果的按钮,来展现自定义控件的强大功能和灵活性。无论你是初学者还是资深开发者,这篇文章都将为你打开一扇通往更高阶UI设计的大门。
|
4月前
|
缓存 前端开发 Android开发
安卓应用开发中的自定义控件
【9月更文挑战第28天】在安卓应用开发中,自定义控件是提升用户界面和交互体验的关键。本文通过介绍如何从零开始构建一个自定义控件,旨在帮助开发者理解并掌握自定义控件的创建过程。内容将涵盖设计思路、实现方法以及性能优化,确保开发者能够有效地集成或扩展现有控件功能,打造独特且高效的用户界面。
|
4月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域,自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例,展示如何在安卓项目中创建和使用自定义View组件,包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例,还深入探讨了自定义View的性能优化技巧,旨在帮助开发者更好地掌握这一技能。
|
4月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
67 3
|
5月前
|
XML 搜索推荐 Android开发
安卓开发中的自定义View组件实践
【8月更文挑战第30天】探索Android世界,自定义View是提升应用界面的关键。本文以简洁的语言带你了解如何创建自定义View,从基础到高级技巧,一步步打造个性化的UI组件。
|
XML 存储 Android开发
ListView的“终极优化”,打造你的万能适配器
传统的代码逻辑我们是怎么使用的呢?每写一个ListView,都要去写一个Adapter类,一个ViewHolder类,这几乎是我们必须要操作的,以致于有太多太多的冗余代码,让我们感到真的不厌其烦,一个两个还可以,十个八个,就真的有点太崩溃了,不仅代码繁琐,还会占用内存,为了解决这样的一个问题,下面就要开始对其抽取优化。
|
算法 Android开发
Android自定义控件 | 高可扩展单选按钮(再也不和产品经理吵架了)
产品需求的变更总是随心所以,猝不及防。如何让代码变得更有扩展性,以让我们在面对频繁需求变更时,不至于狼狈不堪?
238 0
|
XML 设计模式 Android开发
Android自定义控件 | 运用策略模式扩展单选按钮和产品经理成为好朋友
变化是永恒的,产品需求稳定不变是不可能的,和产品经理互怼是没有用的,但有一个方向是可以努力的:让代码更有弹性,以不变应万变。 继上一次发版前突然变更单选按钮样式之后,又新增了两个和选项按钮有关的需求。
130 0