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

时间:2013-08-15 17:51:53

标签: asp.net css vb.net gridview

我有一个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>

1 个答案:

答案 0 :(得分:0)

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

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

退出并转到您的标记,您会发现各个控件都在那里,您可以让他们设置您的CssClass等。唯一使它成为更新按钮的是{{ 1}}属性。

这篇文章详细介绍了我试图解释的转换步骤:

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

CommandName="Update"

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

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