我有一张发票表格。如您所知,它具有 Header 和 Line Items 。当用户创建发票时,可以有任意数量的行项目。所以用户可以点击“添加项目”添加一个新项目,当用户保存项目时,所有这些项目都需要一起保存。
我想我应该在更新面板中使用带有页脚行的网格视图来添加新行。并将其保存到会话中的表格中。当他们单击保存发票时,我可以从会话中获取表格并保存这些行项目。
让我知道比这更好的方法。
我将创建自定义表单并添加将添加另一行项目的按钮。
您可以使用 jQuery append 将div插入到包含所有普通字段的现有容器中:
$(document).ready(function() {
//dynamicId for text box's id
var dynamicId = 0
//event handler for Add button
$('#btnAdd').click(function() {
dynamicId += 1
//append <div> elements inside existing container which has
//the all fields
$('#invoiceItemsContainer').append('<div><input type="text" id="txt' + dynamicId + 'runat="server" /></div>');
});
});
当表单提交时,您可以从文本框中提取所有数据。您确实需要想出一种方法来检查列表中有多少行项目,但这很容易让您弄清楚。