以下是我使用HTML助手程序添加新行的代码。
我正在为我的应用程序制作材料清单视图,需要一个结构,在主要父项(主要材料)下有许多子项(成分)。
我的方法是在td中使用html助手程序,并通过按钮点击添加行和添加子项(成分)。
在我的以下代码中,当我单击按钮时,无法获取新行。请帮忙,并请建议是否有其他适当的方法来完成我的材料清单视图。
我参考了this link。
我正在为我的应用程序制作材料清单视图,需要一个结构,在主要父项(主要材料)下有许多子项(成分)。
我的方法是在td中使用html助手程序,并通过按钮点击添加行和添加子项(成分)。
在我的以下代码中,当我单击按钮时,无法获取新行。请帮忙,并请建议是否有其他适当的方法来完成我的材料清单视图。
我参考了this link。
$("#myButton").click(function () {
debugger;
// Create elements dynamically
var newRow = "<tr><td>'@Html.TextBoxFor(x => x.Id, new { @Value = "1" })'</td><td>'@Html.TextBoxFor(x => x.Name, new { @Value = "Abcd" })'</td></tr>";
alert(newRow);
// Add the new dynamic row after the last row
$('#aliasTable tr:last').after(newRow);
});
<h2>Index</h2>
<table id="aliasTable">
<tr>
<td>
@Html.TextBoxFor(Model => Model.Id, new { @Value = "1" })
</td>
<td>
@Html.TextBoxFor(Model => Model.Name, new { @Value = "Abcd" })
</td>
</tr>
</table>
<button id="myButton">Add New Row</button>