DataGrid中实现超链接的3种方法
程序员文章站
2024-02-28 12:19:52
1.使用datagrid中的超链接列—hyperlinkcolumn
相信很多人都使用过datagrid中的超链接列,它很好用,默认情况下只能传递一个参数,如下所示:...
1.使用datagrid中的超链接列—hyperlinkcolumn
相信很多人都使用过datagrid中的超链接列,它很好用,默认情况下只能传递一个参数,如下所示:
复制代码 代码如下:
<asp:hyperlinkcolumn datatextfield="companyname" datanavigateurlfield="customerid" datanavigateurlformatstring="default2.aspx?customerid={0}" eadertext="link">
</asp:hyperlinkcolumn>
从上可以看出,传递一个参数的超链接是很容易做到的。那么传递多个参数该如何做?
2.在datagrid的itemdatabound事件中对超链接列赋值
假设有一个id为datagrid1的datagrid,第一列为超链接列(下标为0),那么它的itemdatabound事件可写成下面形式。
复制代码 代码如下:
private void datagrid1_itemdatabound(object sender,system.web.ui.webcontrols.datagriditemeventargs e)
{
if(e.item.itemtype==listitemtype.pager||e.item.itemtype==listitemtype.header||e.item.itemtype==listitemtype.footer)
{
return; //判断是否为页眉,页脚
}
else
{
hyperlink link=( hyperlink)e.item.cells[0].controls[0];//这里也可以用findcontrol
link.navigateurl="webform3.aspx?id=xxx & name=xxx";
//如果跟某列有关,则可写为
// link.navigateurl="webform3.aspx?id=”+e.item.cells[列号].text;
}
}
如果想在模版列使用超链接,可以在该列模版设为linkbutton,可以多个linkbutton在一起,不过id不能相同。我们仍假定该列位是第一列,此时,为其中某个linkbutton定义链接可以如下,把语句
复制代码 代码如下:
hyperlink link=( hyperlink)e.item.cells[0].controls[0];
替换成
复制代码 代码如下:
linkbutton link=( linkbutton)e.item.cells[0]. findcontrol(“linkbutton的id”);
link.attributes["onclick"] = "<script>location.href='xxx.aspx';</script>";
当该列只有一个控件即一个linkbutton时,可以用如下语句来实现:
复制代码 代码如下:
e.item.cells[0].attributes["onclick"] = "<script>location.href='xxx.aspx';</script>";
这样就省去查找控件的时间。
上面实际我们已经说到两种方法,一种利用hyperlinkcolumn列在itemdatabound事件里添加navigateurl,另一种是在itemdatabound事件中使用javascript定义click事件,后者比较灵活,只需控件有click事件即可。
3.使用html超链接标记
复制代码 代码如下:
<asp:templatecolumn>
<itemtemplate>
<a href="default.aspx?id='<%#(string)databinder.eval(container.dataitem,"customerid")%>'
&name='<%#(string)databinder.eval(container.dataitem,"companyname")%>'">操作</a>
</itemtemplate>
</asp:templatecolumn>
它功能就是点击时转到default.aspx,同时传递参数id和name,这里两个参数都是通过数据绑定动态生成。这种方法在vs2005中是成功的,但是在vs2003中却报错。
还有一种方法很巧妙,它同样实现第三种方法的功能:假设第二列做为超链接,aspx页面代码:
复制代码 代码如下:
<asp:boundcolumn datafield="id" visible=false></asp:boundcolumn> //第一列
<asp:boundcolumn datafield="名称"></asp:boundcolumn>//第二列
itemdatabound事件如下:
复制代码 代码如下:
public void datagrid1_itemdatabound(object sender,datagriditemeventargs e)
{
if(e.item.itemtype==listitemtype.pager||e.item.itemtype==listitemtype.header||e.item.itemtype==listitemtype.footer)
{
return;//判断是否为页眉,页脚
}
else
{
e.item.cells[1].text="<a href=news.aspx?id="+e.item.cells[0].text+">"+e.item.cells[1].text+"</a>";//这里可以改成你需要的;
}
}
下一篇: vuex的基本使用