动态的增加表的一行

candytangli 2010-11-16 01:36:00

我想动态的增加表的一行（三列，列中放了textbox）（点击增加按钮就会在最后面加一行），怎么实现啊

...全文

204 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

wang15072732418 2010-11-17

打赏
举报

5楼的方法比较好

yzf86211861 2010-11-17

打赏
举报

给你数据源最后一列加上一列空白行,只加这行的主键，可以用行数来填充这列逐渐，再绑定下就多出一行了.

candytangli 2010-11-17

打赏
举报

(⊙o⊙)…

happy664618843 2010-11-16

打赏
举报

$("table").find("tr:last").after("<tr><td></td></tr>");

candytangli 2010-11-16

打赏
举报

动态添行（一行或多行）后，需要输入数据，存进数据库中的

HolyPlace 2010-11-16

打赏
举报

gridview绑定的时候给那个table添加一个空行，要添加新行直接修改那一行就是了。
修改完了重新绑定，这样又有新行了

ycproc 2010-11-16

打赏
举报

jquery

neo33233 2010-11-16

打赏
举报

可以动态增加datatable，重新绑定gridView

akonlaogong 2010-11-16

打赏
举报

3楼的办法冒似行的..呵呵

ds252743641 2010-11-16

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>无标题页</title>



    <script language="javascript">

        function AddNewRow()

        {

            var table = document.getElementById("mytable");

            var   row   =   table.insertRow(table.rows.length); 

            

            var   col   =   row.insertCell(0); 

            col.innerHTML   =   ' <input   name= "txt1 "   size= "1 "> ';

            

            col   =   row.insertCell(1);   

            col.innerHTML   =   ' <input   name= "txt2 "   size= "5 "> ';   



            col   =   row.insertCell(2); 

            col.innerHTML   =   ' <input type="button" value="添加新行" onclick="AddNewRow();" /> <input name="delBtn" type="button" value="删除此行" onclick="DelRow();" /> '; 

        }

        

        function DelRow()

        {

            var   srcName   =   document.getElementsByName("delBtn"); 

            var   rowIndex   =   0; 

            

            for  (i=0;i <srcName.length;i++)

            { 

                if(srcName[i]==event.srcElement) 

                {

                    rowIndex=i; 

                }

            } 

            

            var table = document.getElementById("mytable");

            table.deleteRow(rowIndex   +   1); 

        }

    </script>



</head>

<body>

    <table id="mytable">

        <tr>

            <td>

                111

            </td>

            <td>

                222

            </td>

            <td>

                <input type="button" value="添加新行" onclick="AddNewRow();" />

            </td>

        </tr>

    </table>

</body>

</html>

chen_ya_ping 2010-11-16

打赏
举报



<input type="button" value="Add" />

        <input type="button" value="Delete" />

        <table id="testTable">

            <tr>

                <td>Col1</td>

                <td>Col2</td>

                <td>Col3</td>

            </tr>

        </table>



  <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">



        $(function() {

  $("input[type='button'][value='Add']").click(function() {

                $("<tr><td><input type='text' /></td><td><input type='text' /></td><td><input type='text' /></td></tr>").insertAfter($("#testTable tr:last-child"));

            });

            $("input[type='button'][value='Delete']").click(function() {

                if ($("#testTable tr").length > 1) {

                    $("#testTable tr:last-child").remove();

                }

            });

        });

    </script>

syb1045 2010-11-16

打赏
举报

function createTable2() {
var t = document.createElement('table');
var b = document.createElement('tbody');
for (var i = 0; i < 2000; i++) {
var r = document.createElement('tr');
for (var j = 0; j < 5; j++) {
var c = document.createElement('td');
var m = document.createTextNode(i + ',' + j);
c.appendChild(m);
r.appendChild(c);
}
b.appendChild(r);
}

t.appendChild(b);
document.getElementById('table1').appendChild(t);
t.setAttribute('border', '1');

hookyzlr 2010-11-16

打赏
举报

这个是给Table动态添加行。列



前台：

<asp:Table ID="Table1" runat="server">

    </asp:Table>

后台：



TableRow row1;

                TableCell cell;



                for (int i = 0; i < 10; i++)

                {

                    row1 = new TableRow();

                    for (int j = 0; j < 3; j++)

                    {

                        cell = new TableCell();

                        TextBox txt = new TextBox();

                        txt.Text = j.ToString();

                        txt.ID = i.ToString() + j.ToString();

                        cell.Controls.Add(txt);

                        row1.Cells.Add(cell);

                    }

                    Table1.Rows.Add(row1);

                }