zoukankan      html  css  js  c++  java
  • Datagrid中实现超链接方法小结

    相信很多人都使用过datagrid中的超链接列,它很好用,默认情况下只能传递一个参数,如下所示:

    <asp:HyperLinkColumn DataTextField="CompanyName" DataNavigateUrlField="CustomerID" DataNavigateUrlFormatString="Default2.aspx?customerid={0}" HeaderText="link">

    </asp:HyperLinkColumn>

    其中DataTextField表示要显示的列,这里绑定到"CompanyName"列,DataNavigateUrlField表示要传递的参数列,这里绑定到"CustomerID"列,DataNavigateUrlFormatString表示超链接字符串的格式,这里表示点击该列会转到Default2.aspx,同时传递参数customerid,它是对应行的"CustomerID"值,即DataNavigateUrlField绑定的值。如果某一行对应的customerid值是25,那么该行对应的超链接为:Default2.aspx?customerid=25。

    从上可以看出,传递一个参数的超链接是很容易做到的。那么传递多个参数该如何做?有多种方法,先看下面一种:

    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;

    //等等,依此类推

    }

    }

    上面的XXX自已添加,注意上面的if条件一定不能缺,否则会报错,找不到控件。

    HyperLink link=( HyperLink)e.Item.Cells[0].Controls[0];其中e.Item.Cells[0]表示当前行的第一列,也就是第一个单元格,Controls[0]表示第一个控件。e.Item.Cells[0].Controls[0]返回当前行的第一单元格中的第一个控件,它是一个对象,需要对它进行转化。

    如果想在模版列使用超链接,可以在该列模版设为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>";

    上面的代码实际上是为该按钮添加了一个click事件,点击按钮触发该事件,后面的是javascript代码,它的意思就是跳转到XXX.aspx页面。

    当该列只有一个控件即一个LinkButton时,可以用如下语句来实现:

    e.Item.Cells[0].Attributes["onclick"] = "<script>location.href=’XXX.aspx’;</script>";

    这样就省去查找控件的时间。

    上面实际我们已经说到两种方法,一种利用HyperLinkColumn在ItemDataBound事件里添加NavigateUrl,另一种是在ItemDataBound事件中使用javascript定义click事件,后者比较灵活,只需控件有click事件即可。

    第三种方法是使用HTML超链接标记

    <asp:TemplateColumn>

                    <ItemTemplate>

                        <a href="Default.aspx?id='<%#(String)DataBinder.Eval(Container.DataItem,"CustomerID") %>' & name='<%#(String)DataBinder.Eval(Container.DataItem,"CompanyName") %>'">newlink</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>";//这里可以改成你需要的;  

        }      

    }  

    由上可看出,最后的方法具有能用性,能很好的满足各种超链接要求

     

    注:多谢各位网友的资料,因为这是搜集起来的

  • 相关阅读:
    比较.NET程序集(DLL或EXE)是否相同
    [转] JavaScript数组去重(12种方法)
    [转] js网络请求跨域问题汇总(携带cookie)
    [转] JS中arr.forEach()如何跳出循环
    [转] vue前端异常监控sentry实践
    [转] vue父组件触发子组件事件
    [转] vue 自定义组件使用v-model
    [转] Nginx配置性能优化
    [转] linux 查找文本过滤grep正则表达式命令详解用法
    [转] Nginx配置中的location、root、alias
  • 原文地址:https://www.cnblogs.com/xieon1986/p/2740847.html
Copyright © 2011-2022 走看看