asp.net - Gridview 显示编辑按钮

Question

我在使用 gridview 中的编辑按钮时遇到了一些问题。当您在 gridview 中单击编辑时，取消按钮将获得与编辑按钮相同的 cssclass。所以我的取消按钮有相同的编辑图标。

我想更改此设置，以便取消按钮获得不同的 css 类。所以我可以给它正确的图标而不是编辑图标 :)

<asp:CommandField ShowEditButton="True" ButtonType="Button" ControlStyle-CssClass="edit-sprite"></asp:CommandField>

Answer 1

您可以使用 TemplateFields 代替 CommandFields:

     <asp:TemplateField ShowHeader="False">
        <ItemTemplate>
            <asp:LinkButton ID="EditButton"
                            runat="server"
                            CssClass="EditButton"
                            CommandName="Edit" 
                            Text="Edit" />
        </ItemTemplate>
        <EditItemTemplate>
            <asp:LinkButton ID="UpdateButton"
                            runat="server"
                            CssClass="UpdateButton"
                            CommandName="Update"
                            Text="Update" />&nbsp;
            <asp:LinkButton ID="Cancel"
                            runat="server"
                            CssClass="CancelButton"
                            CommandName="Cancel"
                            Text="Cancel" />
        </EditItemTemplate>
       </asp:TemplateField>
       <asp:TemplateField>
         <ItemTemplate>
           <asp:LinkButton ID="DeleteButton"
                        CssClass="DeleteButton"
                        Text="Delete"
                        CommandName="Delete" 
                        runat="server" />
         </ItemTemplate>
     </asp:TemplateField>