Question

我知道您可以更改DetailsView CommandRowStyle的样式，但是如果我想更改实际编辑和删除链接的样式怎么办？你能访问那些吗？

我宁愿不使用图片，我希望我的编辑和删除链接与我已经创建的链接按钮匹配。

Answer 1

您可以尝试查看哪一个最佳选项：

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。

Answer 2

我能够使用ControlStyle-CSSClass属性。我没有意识到这是可用的，因为我正在寻找CSSClass，就像其他控件一样。

感谢@FlopScientist提供帮助

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

Answer 4

您可以使用下面的代码行，对我来说很好。

<asp:CommandField ShowEditButton="true" ControlStyle-CssClass="fas fa-edit" />

如何更改DetailsView编辑和删除链接的样式？

4 个答案: