如何 修改服务器控件的text,ASP.NET 动态写入服务器端控件

关于动态写入html标签控件,大家都熟悉,这里就不再表述。本文讨论的重点是:如何动态写入服务器端控件,并且在页面PostBack到Server端时,在Server端来获取被动态写入的服务器端控件的各种属性。

这里,我来通过一个Demo来说明这个应用。

需求:

1. 用户在UI上输入一个数值(比如:5),系统动态为用户加载这个数值的Url Address输入域;

2. 用户输入的Url Address内容需要通过Url格式验证;

3. 用户提交输入内容后,系统给出提交的结果

设计如下:

1. Css样式设置:

以下为引用的内容:

.item

{

margin:10px;

border-bottom:solid 1px #CCC;

}

.item2

{

margin:5px;

}

.input

{

width:200px;

}

2.前台页面代码:

Please input a number:

ErrorMessage="Required to input content!">

runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^\d+$">

  

οnclick="btnCreate_Click" />  

οnclick="btnOK_Click" />

2. 前台页面代码:

以下为引用的内容:

Please input a number:

ErrorMessage="Required to input content!">

runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^\d+$">

  

οnclick="btnCreate_Click" />  

οnclick="btnOK_Click" />

说明, 动态创建的TextBox们将装载到divControls中。

3. 后台代码:

以下为引用的内容:

///

/// Create textbox list

///

///textbox list count

private void CreateTextBoxList(int num)

{

HtmlGenericControl div;

HtmlGenericControl span;

TextBox txt;

RegularExpressionValidator rev;

for (int i = 0; i < num; i++)

{

//创建div

div = new HtmlGenericControl();

div.TagName = "div";

div.ID = "divTextBox" + i.ToString();

div.Attributes["class"] = "item2";

//创建span

span = new HtmlGenericControl();

span.ID = "spanTextBox" + i.ToString();

span.InnerHtml = "Url Address" + (i+1).ToString() + ":";

//创建TextBox

txt = new TextBox();

txt.ID = "txt" + i.ToString();

txt.CssClass = "input";

//创建格式验证控件,并且将其关联到对应的TextBox

rev = new RegularExpressionValidator();

rev.ID = "rev" + i.ToString();

rev.ControlToValidate = txt.ID;

rev.Display = ValidatorDisplay.Dynamic;

rev.ValidationGroup = "ShowListContent";

rev.ValidationExpression = @"(http(s)?://)?([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?";

rev.ErrorMessage = "Invalid url Address!";

//添加控件到容器

div.Controls.Add(span);

div.Controls.Add(txt);

div.Controls.Add(rev);

divControls.Controls.Add(div);

}

}

protected void Page_Load(object sender, EventArgs e)

{

if (this.IsPostBack)

{

int txtCount = int.Parse(txtTextCount.Text);

// 注意:每次PostBack时,都需要重新动态创建TextBox

CreateTextBoxList(txtCount);

}

}

protected void btnCreate_Click(object sender, EventArgs e)

{

txtTextCount.Enabled = false;

btnCreate.Enabled = false;

}

protected void btnOK_Click(object sender, EventArgs e)

{

TextBox txt;

StringBuilder sbResult = new StringBuilder() ;

int txtCount = int.Parse(txtTextCount.Text);

//遍历获取动态创建的TextBox们中的Text值

for (int i = 0; i < txtCount; i++)

{

//注意:这里必须通过上层容器来获取动态创建的TextBox,才能获取取ViewState内容

txt = divControls.FindControl("txt" + i.ToString()) as TextBox;

if (txt != null && txt.Text.Trim().Length > 0)

{

sbResult.AppendFormat("Url Address{0}: {1}.
", i+1, txt.Text.Trim());

}

}

divMessage.InnerHtml = sbResult.ToString();

}

4. 效果图:

20090417222828152.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值