让 DataGrid 拥有单击回传事件并带回指定字段的值
在遇到主从表结构的时候,我们经常会有这样的需求
那就是用一个 DataGrid 来列出主表的信息,然后选中主表中的一条记录根据主外健的值让另外一个 DataGrid 来显示从表的信息。但是在 DataGrid 的事件中满足不了我们的需求,我们需要给 DataGrid 添加一个 OnSelectPostBack 事件,那么我们每选中一条主表记录就会引发一次回传,在事件里我们取到指定的数据源的指定字段的值,绑定从表的信息
让我们给我们得扩展 DataGrid 取个很牛的开发代号: SelectPostBackDataGrid
大体上我们需要扩展的内容有:
1、 事件
public delegate void SelectPostBackEventHandler( object sender, SelectPostBackEventArgs e);
public event SelectPostBackEventHandler OnSelectPostBack;
因为我们要传回参数,所以要自定义自己的委托事件,以便通过事件参数传回我们指定字段的值
自定义事件参数,我们需要行所引和传回的字段值就可以了,当然你喜欢什么就传回什么,只要你乐意。
public class SelectPostBackEventArgs : EventArgs
{
private string n_Value;
private int index;
internal SelectPostBackEventArgs( int index, string Value)
{
this .index = index;
this .n_Value = Value;
}
public string Value
{
get { return n_Value; }
}
public int Index
{
get { return index; }
}
}
2、 要传回的数据源字段
public string SelectPostBackDataField
{
get
{
if (ViewState[ base .UniqueID + "SelectPostBackDataField" ] == null )
return null ;
return ViewState[ base .UniqueID + "SelectPostBackDataField" ].ToString();
}
set { ViewState[ base .UniqueID + "SelectPostBackDataField" ] = value ; }
}
public bool AllowSelectPostBack
{
get
{
if (ViewState[ base .UniqueID + "AllowSelectPostBack" ] == null )
return true ;
return bool .Parse(ViewState[ base .UniqueID + "AllowSelectPostBack" ].ToString());
}
set { ViewState[ base .UniqueID + "AllowSelectPostBack" ] = value ; }
}
我们多个属性 AllowSelectPostBack 来设置需不需要回传,或许把握们的这个扩展的 DataGrid 当普通 DataGrid 来用以未尝不可阿!当然亦可以判断有没有事件在决定回不回传也是不错的。
之所以要保存到视图状态里面去,这是众所周知的缘故我这里就不用多说了!
3、 让 DataGrid 拥有单击回传事件
似乎是一件非常奇妙的事情,让我们来看看 DataGrid 的在页面结构
在页面上一个
1<tr></tr>
对应的就是以行,那么添加单击事件就是给
1<tr> 添加 onclick 事件就可以了,或者添加双击事件,哈哈!只要你喜欢。而 <tr> 对应 DataGrid 后台的对象就是一个 Item, 那么这个 Item 就是 DataGrid 的一行了,根据 DataGrid 初始化 Item 的顺序,首先是头,然后是身体,再就是角。哈哈!就是从上到下啦。因此 Item 也有好几种类型,我们只需要给数据行添加单击事件就行了,别的都不需要管,也就是给 Item 的 ItemType 是 Item , AlternatingItem , SelectedItem 的行添加单击事件就可以了
2
3当然我们就在初始化行的时候做上面的事情,因此在构造函数里我们加上初始化行的事件,然后再我们的事件函数里面干上面的活,注意一点是,我们要取到每一行我们指定要回传的字段的值
4
5DataBinder.Eval(e.Item.DataItem, SelectPostBackDataField).ToString()
6
7这个方法取到指定字段在该行的值(这个方法在 2.0 中得到加强,非常好)
8
9那么在单击事件的回传参数中我们就可以把这个之传回来
10
11构造函数里发生的事情和事件函数内要做的工作如下:
12
13public SelectPostBackDataGrid()
14
15{
16
17base .ItemDataBound += new DataGridItemEventHandler(SelectPostBackDataGrid_ItemDataBound);
18
19}
20
21private void SelectPostBackDataGrid_ItemDataBound( object sender, DataGridItemEventArgs e)
22
23{
24
25if (!AllowSelectPostBack)
26
27return ;
28
29if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.SelectedItem)
30
31{
32
33string argstring = e.Item.ItemIndex.ToString();
34
35if (SelectPostBackDataField != null )
36
37argstring += "_" \+ DataBinder.Eval(e.Item.DataItem, SelectPostBackDataField).ToString();
38
39e.Item.Attributes.Add( "onclick" , Page.GetPostBackEventReference( this , argstring));
40
41}
42
43}
44
45单击事件终究还是放生了!哈哈!
46
47那么从页面传回来的参数我们怎么接受呢?这里需要严重注意的一点就是想要取到传回来的参数,最聪明方法就是实现 IPostBackEventHandler 接口,当然你也可以喜欢用别的办法,可能你需要传回来个多个复杂的数据,只要你够聪明,什么数据都可以穿来穿去,网络的力量就是厉害, nero 就是伟大的,我们也很伟大,因为我们有 IPostBackEventHandler 接口,就像是时空隧道一样,不需要任何多余的东西。(哈哈!越扯越远了)
48
49实现这个接口之
50
51public virtual void RaisePostBackEvent( string eventArgument)
52
53{
54
55int index;
56
57string fieldvalue = null ;
58
59if (SelectPostBackDataField != null )
60
61{
62
63index = int .Parse(eventArgument.Substring(0, eventArgument.IndexOf( '_' )));
64
65int beginindex = eventArgument.IndexOf( '_' ) + 1;
66
67int leng = eventArgument.Length - eventArgument.IndexOf( '_' ) - 1;
68
69fieldvalue = eventArgument.Substring(beginindex, leng);
70
71}
72
73else
74
75index = int .Parse(eventArgument);
76
77this .SelectedIndex = index;
78
79if (OnSelectPostBack != null )
80
81{
82
83OnSelectPostBack( this , new SelectPostBackEventArgs(index, fieldvalue));
84
85}
86
87}
88
89这里面做的事情就是把页面传回来的参数处理一下,实例化我们的自定义事件参数,然后引发我们的事件,事情就结束了。当然,在用这个组件是添加的事件也就被引发了,也就取到我们自定义参数中的值了。
90
91简单的就是实现了单击回传的事件,当然可以干很多你喜欢干的事情,这里只是个示例
92
93下面是完整的代码,只要拷贝拿去编译就可以了哦!
94
95如果你喜欢,希望是 GPL 的支持者,为技术献身
96
97using System;
98
99using System.Web.UI.WebControls;
100
101using System.Web.UI;
102
103using System.ComponentModel;
104
105namespace hl
106
107{
108
109public class SelectPostBackDataGrid : DataGrid, IPostBackEventHandler
110
111{
112
113public SelectPostBackDataGrid()
114
115{
116
117base .ItemDataBound += new DataGridItemEventHandler(SelectPostBackDataGrid_ItemDataBound);
118
119}
120
121public delegate void SelectPostBackEventHandler( object sender, SelectPostBackEventArgs e);
122
123public event SelectPostBackEventHandler OnSelectPostBack;
124
125public <SPAN style="COLOR: blue"</tr></tr>