[英]How do I access these dynamically created controls from the code behind?
我正在尝试创建一个空白的网页。 每按一次按钮,就会添加一个新的文本框和一个删除按钮,以删除所需的任何行。 效果很好。 问题是我无法使用C#访问动态创建的控件。
在下面的代码中,我将它们设置为<input
我也尝试使用<asp:Textbox
但是它也没有用。 Request.Form["txtItemName1"]
始终返回一个空字符串,由于文本框尚不存在,我无法在CS文件中执行txtItemName1.Text
。
我应该如何从C#端访问文本框?
有没有更好的方法来动态创建控件?
<!-- jQuery -->
<script type="text/javascript">
$(window).load(function () {
$(document).ready(function () {
var counter = 1;
$(document).on('click', '.removeButtonByID', function () {
var _name = this.name.replace("btnRemove", "");
if (confirm('Are you sure you want to remove line ' + _name + '? This cannot be undone.')) {
$("#TextBoxDiv" + _name).remove();
}
});
$("#addButton").click(function () {
$('<div />', { 'id': 'TextBoxDiv' + counter }).html(
$('<label />').html('')
)
.append($('<div class="col-sm-1" style="width: 200px; padding-left: 7px; padding-right: 0px;"><input type="text" class="form-control" placeholder="Item Name" runat="server">').attr({ 'id': 'txtItemName' + counter, 'name': 'txtItemName' + counter }))
.append($('<div class="col-sm-1" style="width: 100px; padding-left: 7px; padding-right: 0px;"><input type="text" class="form-control" placeholder="D/I" runat="server">').attr({ 'id': 'txtDI' + counter, 'name': 'txtDI' + counter }))
.append($('<div class="col-sm-1"><label class="checkbox-inline"><input type="checkbox" value="">Subtotal</label>').attr({ 'id': 'subtotal' + counter, 'name': 'chkSubTotal' + counter }))
.append($('<br />'))
.append($('<button type="button"><span class="glyphicon glyphicon-minus"></span></button>').attr({ 'name': 'btnRemove' + counter, 'class': 'btn btn-danger removeButtonByID' }))
.appendTo('#TextBoxesGroup')
counter++;
});
});
});
</script>
<!-- HTML -->
<div id='TextBoxesGroup'>
<!-- Dynamically added textboxes here -->
</div>
<hr />
<button type="button" class="btn btn-default" id='addButton'>
<span class="glyphicon glyphicon-plus"></span>
</button>
C#后端将无权访问由jquery动态创建的输入字段。 您可以在ASP.Net中创建服务器控件,并使用后面的代码,并使用示例中的UpdatePanel 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.