如何将CSS类添加到BoundField,以便我可以使用jQuery找到它？

Question

我想在GridView控件中为我的一些BoundFields添加一个类名; 因此,一旦GridView被数据绑定并呈现,我就可以获得如下内容:

<td class="Tag1">Some data came from data source</td>

这样做的目的是能够以这种方式找到所有"Tag1"的元素:

var allTag1td = $('td.Tag1');

那么,我怎样才能将这个类添加到BoundField中,以便以这种方式呈现它？

Answer 1

将ItemStyle属性添加到您的字段:

<asp:BoundField DataField="Count" HeaderText="Count">
    <ItemStyle CssClass="yourclass"></ItemStyle>
</asp:BoundField>

Answer 2

你能否直接在aspx中设置boundfield的itemstyle属性？

(TableItemstyle有一个CssClass属性)

<asp:BoundField ItemStyle-CssClass="Tag1"/>

看到:

• http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datacontrolfield.itemstyle.aspx
• http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.tableitemstyle_properties.aspx

Answer 3

您可以将行的单元格CssClass属性设置为Tag1创建行(RowCreated事件)时的行.

Page.aspx:

<asp:GridView OnRowCreated="grid_RowCreated" AutoGenerateColumns="true" runat="server" ID="grid"></asp:GridView>

代码隐藏文件,Page.aspx.cs:

protected void grid_RowCreated(object sender, GridViewRowEventArgs e) {
    foreach (TableCell cell in e.Row.Cells)
        cell.CssClass = "Tag1";
}

代码将表中class的每个属性设置td为Tag1; 呈现页面的标记看起来就像您正在寻找的标记:

<td class="Tag1"></td>
<td class="Tag1"></td>
...