Как вы можете изменить стиль DetailsView Edit and Delete links?

Question

Я знаю, что вы можете изменить стиль DetailsView CommandRowStyle, но что, если я хочу изменить стиль фактических ссылок на редактирование и удаление? Можете ли вы получить к ним доступ?

Я бы предпочел не использовать изображения, и я хотел бы, чтобы мои ссылки «Редактировать» и «Удалить» соответствовали CSS-ссылке, которую я уже создал.

Answer 1

Я смог использовать свойство ControlStyle-CSSClass. Я не понимал, что это доступно, поскольку я искал CSSClass, как и другие элементы управления.

Спасибо @FlopScientist за помощь

Answer 2

Некоторые опции вы можете попробовать, чтобы увидеть, какой из них лучше всего являются:

1.) Используйте CommandField внутри тега <fields> Таким образом, вы можете отобразить кнопки вместо ссылок на ваш Insert, Delete ... операции.

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

Обратите внимание, что <asp:CommandField> не имеет никакого CSSClass собственности.

2.) Вы можете использовать TemplateField. Внутри этого введите любую кнопку, ссылку и т. Д. В соответствии с вашими потребностями и укажите свойство 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, который изображает аналогичную идею.

Answer 3

два метода:

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