使用jQuery单击链接按钮,在asp.net中向表添加行

时间:2013-10-13 07:27:56

标签: jquery asp.net

我有一张桌子:

            <table border="1" border-style="dashed" width="80%" id='tblAddBirthdays'>
            <tr>
            <th>First Name</th>
            <th>Last Name</th>
            </tr>
            <tr id="tr">
            <td><asp:TextBox ID="txFirstName" runat="server"></asp:TextBox></td>
            <td><asp:TextBox ID ="txLastName" runat="server" /></td>
            <td><asp:DropDownList ID="dlMonth" runat="server" /></td>
            <td><asp:DropDownList ID="dlDate" runat="server" /></td>
            <td><asp:DropDownList ID="dlYear" runat="server" /></td>
            <td><asp:DropDownList ID="dlAgeRange" runat="server" /></td>
            <td><asp:DropDownList ID="dlRelationship" runat="server" /></td>
            <td><asp:DropDownList ID="dlGender" runat="server" /></td>
        </tr>
    </table>

和链接按钮:

 <asp:LinkButton ID="lnkLess" runat="server" Text="(<<)Less "  OnClientClick="JavaScript: return false;" />
        <asp:LinkButton ID="lnkMore" runat="server" Text="More(>>)"  OnClientClick="jQuery:add()" />&

我想编写jQuery代码来添加和删除表中的行,我现在尝试了两天,它仍然无法正常工作。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:0)

我认为你应该使用DataTable。 (Jquery Datatable)Jquery Datatable

答案 1 :(得分:0)

更好的办法是使用像Baran所说的一些客户端端口,如datatable或jqgrid

但如果你坚持认为原生javascript有一些接口 删除行http://www.w3schools.com/jsref/met_table_deleterow.asp 添加行http://www.w3schools.com/jsref/met_table_insertrow.asp

从这里开始,您的真正任务就是将正确的数据放在正确的位置。这些链接中有完整的例子