博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

GridView中的超级链接

Posted on 2009-03-28 20:34  hnboy  阅读(592)  评论(0编辑  收藏  举报

GridView中的超级链接,可以设置一个模版列,放入超级链接的控件,设置绑定参数即可。(自定义列)

数据绑定方式有两种,如下示例:
Eval方式       <%# Eval("id") %>
Bind方式      <%# Bind("id","~/info.aspx?id={0}") %>

推荐使用第一种方式,可以在一个<%# %>里放入多个绑定,而第二种只能如此绑定一个值
<%# Eval("id") + ":" + Eval("name")%>

做超级链接的控件,我们也有多种选择:
1 asp:LinkButton
示例
<asp:LinkButton ID="LinkButton2" OnClientClick=<%# "window.open('info.aspx?id=" + Eval("id") + "&name=" + Eval("name") + "')" %> runat="server"><%# "LinkButton方式绑定:" + Eval("id") %></asp:LinkButton>

下边参考
<asp:LinkButton ID="LinkButton3" runat="server" PostBackUrl='<%# "~/Default.aspx?id=" + Eval("FUserID") %>'
CausesValidation="False" Text="跳转编辑"></asp:LinkButton>

2 asp:HyperLink
示例
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>' Text='<%# "HyperLink控件:" + Eval("id") %>'></asp:HyperLink>

3 a标签
示例
<a href='<%# "info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>'>a标签:<%# Eval("id") + ":" + Eval("name")%></a>
<a href='javascript:alert("<%# "~/info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>")'>链接js事件:<%# Eval("id") %></a>


绑定多个数据项的时候,也能采用下列方式(推荐使用):
<%# String.Format("~/info.aspx?id={0}&name={1}",Eval("id"),Eval("name")) %>

LinkButton 不好设置,推荐使用HyperLink或者a的方式,简单实用。特别是a标签,使用javascript的方法也比较方便。


4、 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="newsID,Us_ID"
        DataSourceID="jianweinews" ShowHeader="False" Width="189px" GridLines="None" EmptyDataText="还没有数据" >
        <Columns>
        <asp:TemplateField   ItemStyle-CssClass="hawk110" >
        <ItemTemplate >
         <asp:HyperLink ID=hyperlink runat="server" NavigateUrl=<%# "~/index/infopublishnews.aspx?newsID="+Eval("newsID")%>><%#Eval("Titstring").ToString().Length > 12 ? (Eval("Titstring").ToString().Substring(0, 12)+"...") : Eval("Titstring")%></asp:HyperLink>
        </ItemTemplate>
          
        </asp:TemplateField>
           
        </Columns>
        <SelectedRowStyle BorderStyle="None" />

       
    </asp:GridView>