asp.net - 使用 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

在设计 View 中右键单击您的 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>