Кнопка редактирования Gridview show

Question

У меня возникли некоторые проблемы с кнопкой редактирования внутри вида сетки. Когда вы нажимаете edit в gridview, кнопка отмены получает тот же класс cssclass, что и кнопка edit. Моя кнопка отмены получает тот же значок редактирования.

Я хочу изменить это, чтобы кнопка отмены получала другой класс 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 вместо:

таблица tr td .edit_sprite: first-child {/ редактирование значка img /}

таблица tr td .edit_sprite {/ значок img отменить /}