Asp.net 向HTML表添加/删除动态行
我正在创建动态手风琴窗格,每个窗格都有具有不同id和按钮的动态表,在一些窗格中,我想向html表添加动态行,我使用下面的代码来执行此活动 $('#myTable tr:last')。在('1a')之后 我无法添加任何行,我的问题是如何将其与动态按钮和动态表链接 如有任何建议或宝贵意见,将不胜感激Asp.net 向HTML表添加/删除动态行,asp.net,Asp.net,我正在创建动态手风琴窗格,每个窗格都有具有不同id和按钮的动态表,在一些窗格中,我想向html表添加动态行,我使用下面的代码来执行此活动 $('#myTable tr:last')。在('1a')之后 我无法添加任何行,我的问题是如何将其与动态按钮和动态表链接 如有任何建议或宝贵意见,将不胜感激 提前感谢您必须创建javascript函数来向HTML表添加/删除动态行 试试这个 <HTML> <HEAD> <TITLE> Add/Remove dynamic
提前感谢您必须创建javascript函数来向HTML表添加/删除动态行 试试这个
<HTML>
<HEAD>
<TITLE> Add/Remove dynamic rows in HTML table </TITLE>
<SCRIPT language="javascript">
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;
var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
cell3.appendChild(element2);
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
<TABLE id="dataTable" width="250px" border="1">
<TR>
<TD><INPUT type="checkbox" name="chk"/></TD>
<TD> 1 </TD>
<TD> <INPUT type="text" /> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
在HTML表中添加/删除动态行
函数addRow(tableID){
var table=document.getElementById(tableID);
var rowCount=table.rows.length;
var row=table.insertRow(rowCount);
var cell1=行插入单元格(0);
var element1=document.createElement(“输入”);
element1.type=“复选框”;
单元格1.附加子元素(元素1);
var cell2=行插入单元格(1);
cell2.innerHTML=rowCount+1;
var cell3=行插入单元格(2);
var element2=document.createElement(“输入”);
element2.type=“text”;
第三单元附属物(第二单元);
}
函数deleteRow(tableID){
试一试{
var table=document.getElementById(tableID);
var rowCount=table.rows.length;
对于(var i=0;i尝试以下方法:
$("#myTable tr:last").after($("<tr><td>hello</td></tr>"));
$("#myTable tr:last").remove();
$(“#myTable tr:last”)。之后($(“hello”);
$(“#myTable tr:last”).remove();
您的问题是什么?您需要确认哪个表要添加新行?如果是,您需要执行类似操作(监视哪个面板触发添加行事件)
HTML:
我正在代码隐藏文件中创建按钮和其他控件,即dynamically是否运行此功能?您还需要在其中添加什么?tr=New TableRow tr.ID=“tr”+dynamictributeId.ToString Dim tdName作为New TableCell tr.Cells.Add(tdName)Dim tb As New TextBox AddHandler tb.TextChanged,AddressOf TextChangedEvent Dim btnAddNewControl As New Button btnAddNewControl.ID=“btnAddNew”+GetID(intDynamicAttributeID)。ToString btnAddNewControl.Text=“Add New”AddHandler btnAddNewControl.Click,AddressOf btnAddNew_Click我不明白如何使用java脚本添加新行
<div id="panel1><table></table><input value="add row" /></div>
$("#panel1 input").bind("click", function () {
$("tr:last", $(this).parent("div")).after($("<tr><td>hello</td></tr>"));
});