如何更改DetailsView Edit和Delete鏈接的樣式？

-2

我知道你可以改變DetailsView的CommandRowStyle風格，但是如果我想改變實際的編輯和刪除鏈接的風格呢？你可以訪問這些嗎？如何更改DetailsView Edit和Delete鏈接的樣式？

我寧願不使用圖像，我想讓我的編輯和刪除鏈接匹配我已經創建的linkbutton CSS。

來源

2013-09-01 Cineno28

我能夠使用ControlStyle-CSSClass屬性。我沒有意識到這是可用的，因爲我正在尋找像其他控件使用CSSClass。

感謝@FlopScientist的幫助

來源

2013-09-11 14:31:40 Cineno28

，你可以試試，看看哪一個是最好的一些選項有：

1）使用CommandField您<fields>標籤這樣你就可以顯示按鈕，而不是爲你插入鏈接裏面，刪除...操作。

<Fields> 
     <asp:CommandField ButtonType="Button" ... /> 
    </Fields>

注意<asp:CommandField>不具有任何CSSClass財產。

2.）您可以使用TemplateField。在裏面放置任何按鈕，linkbutton等根據您的需要，並指定CSSClass屬性，以便您可以使用CSS樣式進一步自定義它。請參考MSDN

<asp:templatefield> 
    <itemtemplate> 
     <asp:Button id="NewRecordbtn" CssClass="ClassNewButton" 
      CommandName="Insert" 
      runat="server"/> 
     <asp:LinkButton id="DeleteButton" CSSClass="ClassDelButton" 
      CommandName="Delete" 
      runat="server"/> 
    </itemtemplate> 
</asp:templatefield>

希望你能得到至少這樣的想法。

但是，請注意，一旦您指定<ItemTemplate>，您應該根據具體情況指定<InsertItemTemplate>和<EditItemTemplate>。另外請參閱描述類似想法的this link。

來源

2013-09-01 12:11:48

兩種方法：

<asp:GridView ...cut...> 
    <Columns> 
     <asp:CommandField ButtonType="Link" ShowEditButton="True"> 
      <!-- CSS classes on td --> 
      <ItemStyle HorizontalAlign="Right" CssClass="command_field" /> 
      <!-- CSS classes on buttons --> 
      <ControlStyle CssClass="button_style default_colour small_size" /> 
     </asp:CommandField> 
    </Columns> 
</asp:GridView>

或者

<asp:CommandField ButtonType="Link" ShowEditButton="True" 
    ControlStyle-CssClass="button_style" />

來源

2013-11-01 19:10:53

如何更改DetailsView Edit和Delete鏈接的樣式？

回答

相關問題