Gridview显示编辑按钮

Question

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

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

<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>

Answer 2

用CSS解决它：

table tr td .edit_sprite：first-child {/ img icon edit /}

table tr td .edit_sprite {/ img icon cancel /}