动态添加行

一种方法：貌似没成功。

//添加數據行； function AddRow(){ var vTb=$("#dataTab");//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$("#dataTab tr").filter(".CaseRow").size()+1;//表格有多少个数据行 var vTr=$("#dataTab #trDataRow1"); //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone vTrClone[0].id="trDataRow"+vNum;//設置 第一個Id為當前獲取索引；防止重複添加多個ID為trDataRow1的數據行；一次添加一個； vTrClone.appendTo(vTb);//把副本单元格对象添加到表格下方 }  

 

2、

function addNew() { var table1 = $('#dataTab'); //var firstTr = table1.find('tbody>tr:first'); var row = $("<tr></tr>"); var td = $("<td></td>"); td.append($("<input name='count' value='New'><b>CheckBox"+row_count+"</b>") ); row.append(td); table1.append(row); row_count++; }  

 

3、

var table1 = $('#dataTab'); for(var i=0;i<data.rows.length;i++){ var rowsobj=eval("data.rows[i]."+robj); var rowstitle=eval("data.rows[i]."+rtitle); var row = $("<tr></tr>"); var td = $("<td></td>"); td.append($("<img style='width:16px;height:16px;' src="www/layout/css/images/yezi.jpg" mce_src="www/layout/css/images/yezi.jpg"/>")); row.append(td); td.append($("<a style="text-decoration:none;font-size:13px;" mce_style="text-decoration:none;font-size:13px;" href="javascript:openWin(/""+formurl+"="+rowsobj+"/")/" mce_href="javascript:openWin(/""+formurl+"="+rowsobj+"/")/";>"+rowstitle+"</a>")); row.append(td); table1.append(row); }