使用jQuery在标题行之后向GridView添加行

时间:2011-01-06 12:48:38

标签: .net jquery gridview

我有一个带有标题和一些行的GridView,并且想要添加另一行 使用jQuery在标题下面。

<form id="form1" runat="server">
<div>

    <asp:GridView ID="GridView1" ShowHeader="true" runat="server">
        <Columns>
            <asp:TemplateField HeaderText="Activity Name">
                <ItemTemplate>
                    <asp:Label runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>

        </Columns>

    </asp:GridView>

    <asp:Button Text="Add Activity" runat="server" OnClientClick="addActivity(); return false;" />

</div>
</form>

我的尝试是

$('#GridView1 tbody').prepend('<tr><td>new activity</td></tr>');

在标题

上方添加一个新行
$('#GridView1 table tr:first').after('<tr><td>new activity</td></tr>'); 

什么都不做(至少没有任何可见,以及任何其他tr元素)

1 个答案:

答案 0 :(得分:1)

好的,如果我将第二个命令更改为

$('#GridView1 tbody tr:first').after('<tr><td>new activity</td></tr>'); 

它有效