admin 管理员组

文章数量: 1184232


2024年3月12日发(作者:xor gate interaction)

第2卷第6期 

清远职业技术学院学报 

Vo1.2,No.6 

2009年12月 

Journal of Qingyuan Polytechnic 

December.2o09 

GridView中ToolTip高级使用方法 

崔万钧宋艳 

(青岛滨海学院软件服务与外包学院山东青岛266555) 

摘要:在使用婶.net2.0开发网站时,经常使用GridView来显示数据,经常遇到GridView中要显示的数据字符太 

多太长的问题。本文提出一个使用GridView中ToolTip来解决该问题的一种方法,并在ASP.NET中用c#语言实现。 

关键词:ASP.NET;GridView;ToolTip;c撑 

中图分类号:TP31 1.1 文献标识码:B 文章编号:1674—4896(2009)06—0057—02 

1前言 

动换行,手动方式过于麻烦,经常考虑不周圆。一 

GridView是DataGrid的后继控件,GridView和 般我们采用第二种方式,解决方法就是在GridView 

DataGrid功能相似,都是在web页面中显示数据源 

中我们可以设定显示列的ToolTip属性。 

中的数据,将数据源中的一行数据,也就是一条记 GridView中ToolTip的使用方法有很多方式, 

录,显示为在web页面上输出表格中的一行。 可以在实际视图中直接设定;也有在客户端添加代 

GridView相对于DataGrid来说,具有如下优 码控制层(DIV)的显示,来达到相同效果的。本 

势,功能上更加丰富,因为提供了智能标记面板 

文就是使用GridView中ToolTip动态设定其显示内 

(也就是show smart tag)更加易用方便,常用的排序、 容,非常简洁实用。 

分页、更新、删除等操作可以零代码实现。具有 2.1显示普通文字情况 

PagerTemplate属性,可以自定义用户导航页面,也 具体思路是在GridView中添加DataBound方 

就是说分页的控制更加随心所欲。GridView和 法,并为需要的Cell设定ToolTip,再隐藏显示字段 

DataGrid在事件模型上也多有不同之处,DataGrid 

即可。 

控件引发的都是单个事件,而GridView控件会引发 

具体实现,在一asp.net页面中,添加一个 

两个事件,一个在操作前发生,一个在操作后发 GridView控件,并且设定其ID为gv(默认情况下为 

生,操作前的事件多位 ing事件,操作后的事件 

GridViewi,i为一数字,如果是第一个,i_1)。并且 

多位 ed事件,比如Sorting事件和sorted事件, 在这个控件中设定数据连接,在该GridView中添加 

RowDeleting和RowDeleted事 ”。 多个列,其中第1列中绑定数据到一个Label控件 

GridView可以根据数据源自动生成列,但是如 

上。在第一列中要显示的数据有可能超长。为了使 

果我们需要自定义列的显示方式,让GridView的列 页面布局整齐,我们要设定该列字符不超过18个。 

完完全全地由我们自己来控制,我们就需要用到一 

我们就可以在设计视图中找到该GridView的 

种特殊的列——TemplateField。因为GridView生成 DataBound事件,用鼠标双击该事件,进入到代码 

的列都是一个字段一列,我们可以指定包含标记和 

视图,并添加如下代码即可。 

控件的模版,自定义列的布局和行为,我们可以新 

protected void gv DataBound objeet sender, 

建一个模版列,也可以直接把已经生成的列转换为 

EventArgs e) 

模版列来进行个性化的设置。 

f,/演示ToolTip,使用GridView自带的ToolTip 

2 GridView中ToolTip的高级使用方法 

for(int i_0;i<gv.Rows.Count;i++) 

在使用asp.net2.0开发网站时,经常使用 

{gv.Rows[i].Cells[0].ToolTip=gv.Rows[i].Cells【0]. 

GridView来显示数据,经常遇到GfidView中要显示 

Tlext: 

的数据字符太多太长的问题。基本办法有两种:1, 

if(gv.Rows[i].Cells[0].Text.Leng >18) 

让系统自动换行或者手动调整显示;2,先隐藏一 

gv.Rows[i].Cells[0].Text gv.Rows[i].Cells[o1.Text. 

部分,当鼠标移动到其位置时,自动将全部内容以 

Substring(0,15)+”…”; 

提示的方式显示出来。其中第一种办法,不建议采 

}) 

用,其原因: (1)破坏整体布局,会使页面布局 

说明:gv.Rows[i]表示GridView中的数据行,通过 

错位; (2)如果内容是一个连串的单词就不会自 

循环找到所有数据行。Cell[0]表示GridView中的第1 

收稿日期:2008—01—08 57 

作者简介:崔万钧(1976÷),男,山东莱阳人,讲师,硕士,主要研究方向:基于ASP和ASP.NET的B/S系统开发,网站设计开发。 

第6期 崔万钧宋艳 GridView中ToolTip高级使用方法 

</asp:HyperLink> 

总第8期 

列数据。每一个数据单元都有一个ToolTip属性。 

2.2超链接文字情况 

在具体web站点设计时,有可能要用到文本超 

链接,例如,设计网站新闻信息时,我们一般用新 

闻标题作超链接,连接到具体新闻页面。新闻标题 

超度也不一样,为了布局整齐,我们也要设定显示 

新闻的标题长度。 

</ItemTemplate> 

</asp:TemplateField> 

两种方法的结果应该是一致的,如上面的设计 

代码所示。设计好相应的列后,我们就可以在设计 

视图中找到该GridView的DataBound事件,用鼠标 

双击该事件,进入到代码视图,并添加如下代码即 

思路同上,但是具体设计实现有一些差别,因 

可。 

为超链接文字要链接到其他页面上,有可能还需要 

protected void gv

_

DataBound(object sender, 

不同的参数。我们同样在一asp.net页面中,添加一 

EventArgs e) 

个GridView控件,并且设定其ID为g、r。在该 

{ (inti_0;i<gv.Rows.Count;i++) 

GridView中添加多个列,其中第1列中绑定数据到 

{HyperLink gvHyperLink=(HyperLink1 

个HyperLink控件上。在第一列中要显示的超链 

gv.Rows[i].Cells[0].FindControl(”HyperLinkl”); 

接数据有可能超长。为了使页面布局整齐。我们也 

//可用于查找隐藏的控件! 

要设定该列字符不超过l8个。HyperLink控件必须 

gv.Rows[i].Cells[0].ToolTip=gvHyperLink.Text; 

位于一个模板列中,即在一个TemplateField中, 

if(gvHyperLink.Text.ToString0.Le玎g£h>8) 

TemplateField是一个定制字段,它允许指定 

gvHyperLink.Text=gvHyperLink.Text.ToString 0. 

GridView中一列的内容。在创建TemplateField时, 

Substring(0,5)+”…”; 

可以添加包含列内容的ItemTemplate[31,在 

)} 

ItemTemplate中包含HyperLink控件。这样做是因为 

说明:HyperLink HyperLinkl=(HyperLink1 gv. 

HyperLinkField没有Text属性,而该属性是必不可 Rows[i].Cells[0].FindControl(”HyperLinkl”)这句表示在 

少的。使用TemplateField的另一个特殊用途可以将 GridView中查找HyperLinkl控件,并设定一个新的 

该字段隐藏不显示,但是在其他字段中使用或者作 HyperLink控件来引用它,我们就可以使用新的 

为传递参数使用,可在GridView找到相应列,并使 

HyperLink控件(gvHyperLink)来引用GridView中 

用其属性值。 HyperLinkl控件的属性,并可以设定相应属性。 

在GridView中设定TemplateField具体实现可 

3总结 

以有两种办法。 

本文给出了使用GridView中ToolTip的高级编 

(1)我们在设计视图中选择GridView选中“编 程,主要是解决在GridView中要显示的数据字符太 

辑列”,在可用字段中选择HyperLinkField添加到要 

多太长的问题。代码都在asp.net 中调试通过, 

显示的列中。然后设置该字段的属性,比如超链接属 可根据自己编程中界面布局需要,设定显示字符长 

性。设定好后将该字段转换为TemplateField即可。 

度。关于GridView的更多功能需要我们在实际编程 

(2)也可以在设计代码中直接添加相应代码 

中进一步开发。 

如下: 

<asp:TemplateField> 

参考文献: 

<ItemTemplate> 

【1】张跃廷,王小科,许文武.ASP.NET数据库系统开发完全手册 

<asp:HyperLink ID=”HyperLinkl”runat=”server” 

[Z】.北京:人民邮电出版社,2007. 

NavigateUrl=‘<%#Eval(”id”,”shownews.aspx?id={O}”) 

【2】http://www.msprojeet.cn/ArtieleViewer.aspx?Articleld=37 

%>’ 

【3 Dav3】id Yackjoe Mayo.ASP.NET2.0编程珠玑【z】.杨浩,全吉成, 

译.jE京:清华大学出版社,2006. 

Text= <%#Eval(”ntitle”1%>’Target=”_blank”> 

Advanced Usage of ToolTip in GridView 

CUI Wanj1112 SONG Yan 

(School of Software Service&Outsourcing,Qingdao Binhai College,Shandong,Qingdao 266555,China) 

Abstract:While using ASP.NET2.0 to develop websites,it is often to meet with problems in displaying GridView data 

iwth to many long characters.This paper presents ToolTip in Gridview to solve the problem and l'ea ̄zes it by lnaguage in 

ASP.NET. 

Keywords:ASP.NET;GridView;ToolTip:C# 

58 


本文标签: 显示 数据 设计 设定 代码