Gridview 显示编辑按钮答案

【问题标题】：Gridview show edit buttonGridview 显示编辑按钮
【发布时间】：2011-11-24 05:50:05
【问题描述】：

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

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

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

【问题讨论】：

标签： asp.net gridview datagridview

【解决方案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>

【讨论】：

谢谢！这是修复它的好方法:-)

【解决方案2】：

改用 CSS 解决了：

table tr td .edit_sprite:first-child{/img 图标编辑/}

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

【讨论】：