风舞残阳 2008-4-2 13:43
扩展ASP.NET 2.0内置GridView控件之一
本文BilalHaidar详细解释如何扩展ASP.NET2.0内置的GridView控件，同样还将解释了扩展后的GridView控件所具有的新的重要特征：基于行的上下文菜单和GridViews行的过滤功能。
[b]引言[/b]
本文将聚焦对ASP.NET2.0内置的GridView进行扩展的一系列新功能。其中本文介绍两个主要特征：基于行的上下文菜单（Row_baseContextMenu）和基于过滤功能的GridView的行，在上周我曾经介绍了GridView控件。
在我们自定义的GridView控件里，提供了几个具有“高效率”功能的扩展，不过，这些功能都不是GridView控件自带的基本功能，正如您即将看到的，我们需要要重构这些功能。扩展现在的GridView控件可以让您更能够控件常规GridView所没有的功能，另外，扩展该功能后，您以后就可以不断重复的使用这些新特性。
我们准备增加如下几个特征：
1、行的单击
2、行的双击
3、基于行的上下文菜单
4、头[wiki]元素[/wiki]的升序降序排列
5、当页面记录树木小于PageSize时，修正GridView的高度
6、内置的过滤文本框
7、内置的复选框
除此以外，我们还将添加三个简单按钮，可以利用他们在客户端添加一些简单的确认函数
·确认按钮（ConfirmButton）
·图片按钮（ConfirmImageButton）
·链接按钮（ConfirmLinkButton）
扩展的XGrid控件需要从GridView控件派生，这也就说这个新的控件可以在ASP.NET2.0上运行。
下面代码显示了扩展后的的开始部分：
namespaceCustomControls
{
namespaceGrid
{
[ToolboxData("＜{0}:xGridrunat=server＞＜/{0}:xGrid＞")]
publicpartialclassxGrid:GridView
{
要使用这个控件，只要简单的把它通过VS.NET2005的工具栏直接拖放到Web窗体上即可。具体怎把该控件添加VS.NET2005工具栏上则不是本文讨论的范围。
下面的代码片断显示了它的基本使用
＜xGrid:xGridID="XGrid1"runat="server"AutoGenerateColumns="False"/＞
[b]单击（SingleRowClick）[/b]
这是该自定义控件添加的第一个新特性，您现在把[wiki]鼠标[/wiki]放置到一行数据上然后单击就会引起页面数据的回发，你可能认为使用这个功能实现主/从页面，是的，使用RowClick可以实现这个功能。
相关的属性是：
·EnableRowClick：这个属性可以取值为true/false，默认为false
·MouseOverColor：当EnableRowClick设置为true时，利用该属性设置鼠标移过一行数据显示的结果。单击和双击都使用这个功能。
下图显示了运行结果，在这个运行结果里，显示了单击一行时的效果。
[img]http://www.wangyeba.com/Article/UploadFiles/200612/20061206072818470.jpg[/img]
您可以在RowClick事件里处理单击的结果，示意代码如下：
protectedvoidXGrid1_RowClick([wiki]object[/wiki]sender,RowClickEventArgse)
{
Response.Write("Youclickedrow:"+e.GridViewRow.RowIndex);
}
RowClickEventArgs参数默认是从EventArgs[wiki]类[/wiki]派生，并增加了一个名称为GridViewRow的属性，这样您就可以使用该属性获取当前行的索引。
[b]行的双击（DoubleRowClick）[/b]
这是往扩展GridView添加的第二个功能。您现在只需要在一行上双击就会向[wiki]服务器[/wiki]产生数据回发来处理请求。您可以通过双击让当前行处于[wiki]编辑[/wiki]默认。在行的双击里已经添加了RowDoubleClick事件，您可以使用该事件处理特定的业务[wiki]逻辑[/wiki]
相关的属性
EnableRowDoubleClick：取值为true或者false，默认值为false
MouseOverColor：当EnableRowDoubleClick设置为true时，可以利用该属性设置设置鼠标移过行的效果，这个和单击行的效果一样。
下图显示了运行结果
[img]http://www.wangyeba.com/Article/UploadFiles/200612/20061206072820742.jpg[/img]
您可以处理RowDoubleClick事件，示意代码如下：
protectedvoidXGrid1_RowDoubleClick(objectsender,RowDoubleClickEventArgse)
{
Response.Write("Youdoubleclickedrow:"+e.GridViewRow.RowIndex);
}
RowDoubleClickEventArgs类时从EventArgs类派生并添加了GridViewRow属性，使用该属性可以给你更全的控件
[b]基于行的上下文菜单[/b]
我们花费了一个半月左右的事件来研究GridView控件，但是我们发现没有一个GridView控件可以使用ContextMenu，也就是说内置的GridView上下文菜单控件无法使用。
我们不得不使用DinoEsposito开发的contextmeun，该菜单的开发文档发布在MSDN[wiki]杂志[/wiki]上，本文后面会在资料文件里列出对该文件的链接。DinoEsposito开发的ContextMenu主要使用ASP.NET1.1[wiki]技术[/wiki]进行开发，我们已经建立了基于ASP.NET2.0ContextMenu项目，该项目拷贝了他的代码，并进行了简单的更改。其中，一个改变是在ContextMenu项目里添加了OnClientClick属性，这样在处理客户端向服务器请求的回发前，开发人员可以将客户端处理事件挂接到上下文菜单里。
ContextMenu使用的客户端代码主要是Javascript代码，这里的代码在ASP.NET2.0里已经作为资源（Resource）包括进去了。
ContextMenu现在已经是基于ASP.NET2.0的项目了并且已经集成到扩展的GridView控件的每一行，现在当您右击每一行时，您将可以访问右击事件。扩展的GridView控件还有一个新的属性：RightClickRow，该属性可以返回当前行上下文菜单
相关的属性如下：
·GridView控件是具有上下文菜单的，这里的ID设置的就是在ASPX页面上的GridView控件ID
·RightClickedRow：该属性设置上下文菜单。
下图显示了运行结果。
[img]http://www.wangyeba.com/Article/UploadFiles/200612/20061206072820644.jpg[/img]
当您在行上单击鼠标右键时弹出ContextMenu菜单。这里显示了三个选项：
·AddanewRow：当选择该选项后，将会在记录里出现新建行。
·DeleteRow：允许你删除当前右击的行
·EditRow：运行您设置当前行的模式为编辑模式
[img]http://www.wangyeba.com/Article/UploadFiles/200612/20061206072820324.jpg[/img]
