让DataGrid拥有单击回传事件并带回指定字段的值
2024-07-21 02:23:29
供稿：网友
注册会员，创建你的web开发资料库，让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的在页面结构
在页面上一个<tr></tr>对应的就是以行，那么添加单击事件就是给<tr>添加onclick事件就可以了，或者添加双击事件，哈哈！只要你喜欢。而<tr>对应datagrid后台的对象就是一个item,那么这个item就是datagrid的一行了，根据datagrid初始化item的顺序，首先是头，然后是身体，再就是角。哈哈！就是从上到下啦。因此item也有好几种类型，我们只需要给数据行添加单击事件就行了，别的都不需要管，也就是给item的itemtype是item，alternatingitem，selecteditem的行添加单击事件就可以了
当然我们就在初始化行的时候做上面的事情，因此在构造函数里我们加上初始化行的事件，然后再我们的事件函数里面干上面的活，注意一点是，我们要取到每一行我们指定要回传的字段的值
databinder.eval(e.item.dataitem, selectpostbackdatafield).tostring()
这个方法取到指定字段在该行的值（这个方法在2.0中得到加强，非常好）
那么在单击事件的回传参数中我们就可以把这个之传回来
构造函数里发生的事情和事件函数内要做的工作如下：
public selectpostbackdatagrid()
{
base.itemdatabound += new datagriditemeventhandler(selectpostbackdatagrid_itemdatabound);
}
private void selectpostbackdatagrid_itemdatabound(object sender, datagriditemeventargs e)
{
if (!allowselectpostback)
return;
if (e.item.itemtype == listitemtype.item || e.item.itemtype == listitemtype.alternatingitem || e.item.itemtype == listitemtype.selecteditem)
{
string argstring = e.item.itemindex.tostring();
if (selectpostbackdatafield != null)
argstring += "_" + databinder.eval(e.item.dataitem, selectpostbackdatafield).tostring();
e.item.attributes.add("onclick", page.getpostbackeventreference(this, argstring));
}
}
单击事件终究还是放生了！哈哈！
那么从页面传回来的参数我们怎么接受呢？这里需要严重注意的一点就是想要取到传回来的参数，最聪明方法就是实现ipostbackeventhandler接口，当然你也可以喜欢用别的办法，可能你需要传回来个多个复杂的数据，只要你够聪明，什么数据都可以穿来穿去，网络的力量就是厉害，nero就是伟大的，我们也很伟大，因为我们有ipostbackeventhandler接口，就像是时空隧道一样，不需要任何多余的东西。（哈哈！越扯越远了）
实现这个接口之
public virtual void raisepostbackevent(string eventargument)
{
int index;
string fieldvalue = null;
if (selectpostbackdatafield != null)
{
index = int.parse(eventargument.substring(0, eventargument.indexof('_')));
int beginindex = eventargument.indexof('_') + 1;
int leng = eventargument.length - eventargument.indexof('_') - 1;
fieldvalue = eventargument.substring(beginindex, leng);
}
else
index = int.parse(eventargument);
this.selectedindex = index;
if (onselectpostback != null)
{
onselectpostback(this, new selectpostbackeventargs(index, fieldvalue));
}
}
这里面做的事情就是把页面传回来的参数处理一下，实例化我们的自定义事件参数，然后引发我们的事件，事情就结束了。当然，在用这个组件是添加的事件也就被引发了，也就取到我们自定义参数中的值了。
简单的就是实现了单击回传的事件，当然可以干很多你喜欢干的事情，这里只是个示例
下面是完整的代码，只要拷贝拿去编译就可以了哦！
如果你喜欢，希望是 gpl 的支持者，为技术献身
using system;
using system.web.ui.webcontrols;
using system.web.ui;
using system.componentmodel;
namespace hl
{
public class selectpostbackdatagrid : datagrid, ipostbackeventhandler
{
public selectpostbackdatagrid()
{
base.itemdatabound += new datagriditemeventhandler(selectpostbackdatagrid_itemdatabound);
}
public delegate void selectpostbackeventhandler(object sender, selectpostbackeventargs e);
public event selectpostbackeventhandler onselectpostback;
public virtual void raisepostbackevent(string eventargument)
{
int index;
string fieldvalue = null;
if (selectpostbackdatafield != null)
{
index = int.parse(eventargument.substring(0, eventargument.indexof('_')));
int beginindex = eventargument.indexof('_') + 1;
int leng = eventargument.length - eventargument.indexof('_') - 1;
fieldvalue = eventargument.substring(beginindex, leng);
}
else
index = int.parse(eventargument);
this.selectedindex = index;
if (onselectpostback != null)
{
onselectpostback(this, new selectpostbackeventargs(index, fieldvalue));
}
}
//attribute
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; }
}
//private method
private void selectpostbackdatagrid_itemdatabound(object sender, datagriditemeventargs e)
{
if (!allowselectpostback)
return;
if (e.item.itemtype == listitemtype.item || e.item.itemtype == listitemtype.alternatingitem || e.item.itemtype == listitemtype.selecteditem)
{
string argstring = e.item.itemindex.tostring();
if (selectpostbackdatafield != null)
argstring += "_" + databinder.eval(e.item.dataitem, selectpostbackdatafield).tostring();
e.item.attributes.add("onclick", page.getpostbackeventreference(this, argstring));
}
}
}
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; }
}
}
}
