解决些重复性工作---对GridView的一个扩展方案

看图说明:

如图所示,上面两个列表都是gridview创建,其中红色部分两个表都相同,而中间紫色部分根据内容不同而发生改变。以往的工作当中,我都是在gridview当中对所有列进行定义,很明显的对公用部分都做了很多重复性的工作。不知道各位是怎么处理这种情况的?

今天对gridview进行了下扩展,初步出了个思路,下面将方案列出,其中还有些困惑,希望高手能讨论解答。

1、首先创建一个ManagerGridView 类,继承gridview,我这里写在app_code中,自定义控件项目不熟练。

namespace MyControl
{
    
public class ManagerGridView : GridView
    {
        
public ManagerGridView()
        {
        }        
    }
}

2、针对公用列创建两个web 用户控件

(1)索引列 :GvIndex.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GvIndex.ascx.cs" Inherits="UserControl_GvIndex" %>
<%=(this.Parent.Parent as GridViewRow).DataItemIndex+1 %>

(2)操作列 :GvOprate.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GvOprate.ascx.cs" Inherits="GvOprate" %>
<asp:Button ID="btEdit" runat="server" Text="修改" CommandName="EditRow" CommandArgument='<%#Eval("id") %>' />
<asp:Button ID="btDelete" runat="server" Text="删除" CommandArgument='<%#Eval("id") %>'
    OnClientClick="return confirm('删除是不可恢复的操作,继续吗?');" CommandName="DeleteRow" />

这里的处理暂时以rowcommand的方式处理,Button加上CommandName

3、在ManagerGridView 中引入两列,这里需要重写GridView的OnInit事件。

  protected override void OnInit(EventArgs e)
        {
            
//插入索引列
            TemplateField ind = new TemplateField();
            ind.ItemTemplate 
= Page.LoadTemplate("~/UserControl/GvIndex.ascx");
            
this.Columns.Insert(0, ind);
            ind.HeaderText 
= "序号";

            
//插入操作列
            TemplateField opr= new TemplateField();
            opr.ItemTemplate 
= Page.LoadTemplate("~/UserControl/GvOprate.ascx");
            
this.Columns.Add(opr);
            opr.HeaderText 
= "操作";

            
base.OnInit(e);
        }

好,扩展暂时告一段落。

4、扩展的使用,以部门管理页面为例 DeptManager.aspx

(1)在页面注册这个控件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DeptManager.aspx.cs" Inherits="Crm_DeptManager" %>
<%@ Register Namespace="MyControl" TagPrefix="Mc" %>

(2)在页面使用控件

 <Mc:ManagerGridView ID="GvDept" runat="server"   
                AutoGenerateColumns
="False"   Width="600px"    
                RowStyle-HorizontalAlign
="Center" onrowcommand="GvDept_RowCommand" >
           
<Columns>
            
<asp:BoundField DataField="PartName" HeaderText="部门名称" />
                
<asp:BoundField DataField="Description" HeaderText="部门描述" />               
           
</Columns>
          
</Mc:ManagerGridView>

从上面可以看出,我们只需要在Columns中添加部门名称和描述两列,响应事件添加onrowcommand。

(3)在后台绑定数据,与gridview的用法一样。

(4)处理事件

protected void GvDept_RowCommand(object sender, GridViewCommandEventArgs e)
{
        
if (e.CommandName == "EditRow")
       {
            EdieDepart();
        }
        
else
        {
            DeleteDepart();
        } 
}

以上为整个方案的思路,还有很多不完善的地方,欢迎各位提意见。

posted on 2011-04-12 11:43  马圆圆  阅读(336)  评论(0编辑  收藏  举报