Gridview顯示編輯按鈕

Question

我在GridView中的編輯按鈕有一些問題。 當您在gridview中單擊編輯時，取消按鈕將獲得與編輯按鈕相同的cssclass。所以我的取消按鈕獲得相同的編輯圖標。

我想改變這個，以便取消按鈕獲得不同的CSS類。因此，我可以給它右邊的圖標，而不是編輯ICO :)

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

Answer 1

你可以使用模板列，而不是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：第一胎{/ IMG圖標編輯 /}

表TR TD .edit_sprite {/ IMG圖標取消 /}