使用 VB.net 在 gridView 列中的类图标

Question

我有一个 GridView 和一个名为 class="icon-p" 的 CSS 类。我想在我的 GridView 列“修改”中使用这个类，除了使用 ButtonType="Image" 和 ImageUrl..`

这是我的 GridView 代码：

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
       CssClass="table" DataKeyNames="id_s" DataSourceID="SqlDataSource1">
    <Columns>
        ..
        <asp:CommandField CancelText="cancel" DeleteText="delete" EditText="Update" HeaderText="Modify" ShowEditButton="True" ShowHeader="True" ButtonType="Image"/>
    </Columns>
</asp:GridView>

Answer 1

在设计视图中右键单击您的 GridView，然后转到编辑列。

找到命令字段并单击底部显示“转换为模板”的蓝色超链接。

退出并转到您的标记，您会发现各个控件都在那里，您可以使用它们来设置您的CssClass 等。使其成为更新按钮的唯一因素是CommandName="Update" 属性.

本文详细介绍了我试图解释的转换步骤：

• http://peterkellner.net/2009/09/06/detailsview-gridview-aspnet-disable-new-edit-delete-buttons/

然后你会得到这样的东西：

<asp:TemplateField ShowHeader="False">
                     <ItemTemplate>
                         <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" Visible='<%# GetShowEditButton() %>'
                             CommandName="Edit" Text="Edit"></asp:LinkButton>
                         &nbsp;<asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" Visible='<%# GetShowInsertButton() %>'
                             CommandName="New" Text="New"></asp:LinkButton>
                         &nbsp;<asp:LinkButton ID="LinkButton3" runat="server" CausesValidation="False" 
                             CommandName="Delete" Text="Delete" Visible='<%# GetShowDeleteButton() %>'     ></asp:LinkButton>
                     </ItemTemplate>
</asp:TemplateField>

然后您可以像这样设置 CssClass：

<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" 
Visible='<%# GetShowEditButton() %>' CommandName="Edit" Text="Edit"
CssClass="icon-p"></asp:LinkButton>