Question

我在gridview单元格中有一个超链接可以正常工作，但是为了改善用户的体验，我希望整个单元格可以单击而不仅仅是文本，因为在大多数情况下文本是单个数字。

e.g。

<asp:TemplateField HeaderText="Qty">
    <ItemTemplate>
        <asp:HyperLink ID="Lnk" runat="server"
           NavigateUrl='<%# "View.aspx?ID=" + Eval("ID") %>'
           Text='<%# Eval("Qty") %>' />
    </ItemTemplate>
</asp:TemplateField>

如何使整个表格单元格可点击？

Answer 1

你可以使用java-script

来做到这一点

<asp:TemplateField HeaderText="Qty" ItemStyle-CssClass="clickable">
    <ItemTemplate>
        <asp:HyperLink ID="Lnk" runat="server"
           NavigateUrl='<%# "View.aspx?ID=" + Eval("ID") %>'
           Text='<%# Eval("Qty") %>' />
    </ItemTemplate>
</asp:TemplateField>

如果使用jquery

$(document).ready(function(){
    $('.clickable').on('click', function(){
         window.location.href = $(this).children('a').attr('href');
    });
});

你也可以用css来装饰你的细胞

.clickable { cursor: pointer; }

GridView单元格作为超链接

1 个答案: