项目需要,结合网上的方法,弄了一个动态新增服务器控件TextBox页面。
前台部分代码:
<body>
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" Text="新增" οnclick="Button1_Click1" />
<div id="divControl" runat="server">
</div>
<asp:Button ID="Button2" runat="server" οnclick="Button2_Click" Text="提交所有信息" />
<asp:HiddenField ID="HiddenField1" runat="server" />
</form>
</body>
后台 代码:
public partial class DynamicControl2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//初始化计数器
this.HiddenField1.Value = "0";
}
}
/// <summary>
/// 循环计数器,绘制相应的本框,并绑定内容
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void Button1_Click1(object sender, EventArgs e)
{
//计数器新增
int count = Convert.ToInt32(this.HiddenField1.Value.ToString());
count++;
this.HiddenField1.Value = count.ToString();
//后台方式绘制textbox
AddTextBox();
}
//动态添加TextBox
private void AddTextBox()
{
for (int i = 0; i < Convert.ToInt32(this.HiddenField1.Value.ToString()); i++)
{
Label li = new Label();
li.Text ="第"+ (i + 1) + "个输入框:";
TextBox t = new TextBox();
t.ID = "txt" + i.ToString();
t.Width = Unit.Pixel(200);
//如果有文本内容,则绑定
TextBoxBinds(t, i);
//添加到相应的容器
divControl.Controls.Add(li);
divControl.Controls.Add(t);
//再多写一个换行符
divControl.Controls.Add(new LiteralControl("<br>"));
}
}
/// <summary>
/// 提交提交所有数据
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void Button2_Click(object sender, EventArgs e)
{
//因为是服务器控件提交,要重新从服务器生成本页面,所以要再绘制一遍,同时重新绑定文本框内容
AddTextBox();
int txtCount = Convert.ToInt32(this.HiddenField1.Value.ToString());
//进行验证是否有为空的数据!,该验证必须放在重复循环TextBox信息之后,否则将不会显示回传后的TextBox
for (int i = 0; i < txtCount; i++)
{
String txtValue = Request.Form["txt" + i.ToString()];
if (!CheckIsNull(txtValue))
{
//如果验证有不符合的将不进行下面数据库相关操作.
return;
}
}
for (int i = 0; i < txtCount; i++)
{
Response.Write(Request.Form["txt" + i.ToString()] + "<br>");
//Response.Write("现在可以对数据库中的数据循环操作了!");
}
}
/// <summary>
/// 重复提交时对数据的绑定
/// </summary>
/// <param name="t"></param>
/// <param name="i"></param>
private void TextBoxBinds(TextBox t, int i)
{
//通过TextBox的name得到它的值
string txtValue = Request.Form["txt" + i.ToString()];
//判断该值是否为空
if (!String.IsNullOrEmpty(txtValue))
{
//不为空则对该文本框的值赋值
t.Text = txtValue;
}
}
/// <summary>
/// 验证文本框是否为空!
/// </summary>
/// <param name="txtValue"></param>
/// <returns></returns>
private bool CheckIsNull(String txtValue)
{
if (String.IsNullOrEmpty(txtValue))
{
LiteralControl lc = new LiteralControl();
lc.Text = "<script>alert(\"请输入文本框信息!\");</script>";
Page.Controls.Add(lc);
return false;
}
return true;
}
}