Question

我需要使用CSS样式的图标替换ImageButton GridView中的ItemTemplate。

通常我会通过用隐藏按钮替换ImageButton来执行此操作，然后调用一些JQuery来单击隐藏按钮。像这样：

<a class="btn" href="#" onclick="Utils.ClickButton('<%= btnTest.ClientID %>');"><i class="icon">&nbsp;</i>Download to Excel</a>
                <asp:Button ID="btnTest" CssClass="btn" ToolTip="Download to Excel" runat="server" />

但是，这似乎不适用于具有命令参数的ImageButtons，以将网格置于编辑模式。如果我实现上述操作，我会收到一个运行时错误，指出无法找到btnTest。

所以我需要的是：

<asp:ImageButton ID="btnDelete" CommandArgument='<%#Eval("ID")%>' ToolTip="Delete" runat="server" CommandName="Delete"
                                ImageUrl="/images/delete.png" />

看起来像这样：

<a class="btn" href="#" onclick="Utils.ClickButton('<%= btnTest.ClientID %>');"><i class="icon">&nbsp;</i></a>

Answer 1

您可以使用LinkButton

实现此目的

<asp:LinkButton runat="server" CommandName="Delete" CommandArgument='<%#Eval("ID")%>' CssClass="btn"> <i class="icon"> </i> </asp:LinkButton>

您可以在GridView的RowCommand事件中处理LinkButton点击

protected void gvList_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "Delete")
    {
       //Handle Delete Command
    }                     
}

用样式图标替换ImageButton

1 个答案: