夜鹰教程网-程序员的加油站
 当前位置:文章中心 >> vs2022_vs2019_vs2017_vs2014_vs2012
如何动态写入服务器端控件--ASP.NET教程
夜鹰教程网 来源:www.yyjcw.com 日期:2016-11-19 15:19:58
使用Asp.net进行开发时,因为某些需求原因,需要在页面中动态添加控件。当然,这些控件可以是普通的html标签,也可以是Asp.net独有的服务器端控件。关于动态写入html标签控件,大家都熟悉,这里就不再表述。本文讨论的重点是:如何动态写入服务器端控件,并且在页面PostBack到Server端时,在Server端来获取被动态写入的服务器端控件的各种属性。

使用Asp.net进行开发时,因为某些需求原因,需要在页面中动态添加控件。当然,这些控件可以是普通的html标签,也可以是Asp.net独有的服务器端控件。关于动态写入html标签控件,大家都熟悉,这里就不再表述。本文讨论的重点是:如何动态写入服务器端控件,并且在页面PostBack到Server端时,在Server端来获取被动态写入的服务器端控件的各种属性。

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

需求:

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

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

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

设计如下:

1. Css样式设置:

 

以下为引用的内容:

< style type ="text/css">

.item
{
margin: 10px;
border-bottom: solid 1px #CCC;
}
.item2
{
margin: 5px;
}
.input
{
width: 200px;
}
style >
2 前台页面代码
< div >
< div class ="item">
Please input a number:
< asp : TextBox runat ="server" CssClass ="item" ID ="txtTextCount"> asp : TextBox >
< asp : RequiredFieldValidator ID ="RequiredFieldValidator1" runat ="server" ControlToValidate ="txtTextCount" ValidationGroup ="CreateTextBox" Display ="Dynamic"
ErrorMessage ="Required to input content!"> asp : RequiredFieldValidator >
< asp : RegularExpressionValidator ID ="RegularExpressionValidator1" ControlToValidate ="txtTextCount" ValidationGroup ="CreateTextBox" Display ="Dynamic"
runat ="server" ErrorMessage ="Only number is valid!" ValidationExpression ="^\d+$"> asp : RegularExpressionValidator > &nbsp;&nbsp;
< asp : Button runat ="server" ID ="btnCreate" Text ="Create TextBox List" ValidationGroup ="CreateTextBox"
onclick ="btnCreate_Click" /> &nbsp;&nbsp;
< asp : Button runat ="server" ID ="btnOK" Text ="Get TextBox Content" ValidationGroup ="ShowListContent"
onclick ="btnOK_Click" />
div >
< div runat ="server" id ="divControls" class ="item"> div >
< div runat ="server" id ="divMessage">
div >
div >

 

2. 前台页面代码:

 

以下为引用的内容:

< div >

< div class ="item">
Please input a number:
< asp : TextBox runat ="server" CssClass ="item" ID ="txtTextCount"> asp : TextBox >
< asp : RequiredFieldValidator ID ="RequiredFieldValidator1" runat ="server" ControlToValidate ="txtTextCount" ValidationGroup ="CreateTextBox" Display ="Dynamic"
ErrorMessage ="Required to input content!"> asp : RequiredFieldValidator >
< asp : RegularExpressionValidator ID ="RegularExpressionValidator1" ControlToValidate ="txtTextCount" ValidationGroup ="CreateTextBox" Display ="Dynamic"
runat ="server" ErrorMessage ="Only number is valid!" ValidationExpression ="^\d+$"> asp : RegularExpressionValidator > &nbsp;&nbsp;
< asp : Button runat ="server" ID ="btnCreate" Text ="Create TextBox List" ValidationGroup ="CreateTextBox"
onclick ="btnCreate_Click" /> &nbsp;&nbsp;
< asp : Button runat ="server" ID ="btnOK" Text ="Get TextBox Content" ValidationGroup ="ShowListContent"
onclick ="btnOK_Click" />
div >
< div runat ="server" id ="divControls" class ="item"> div >
< div runat ="server" id ="divMessage">
div >
div >

说明, 动态创建的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- ./?%&amp;=]*)?";
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();
}
复制链接 网友评论 收藏本文 关闭此页
上一条: Microsoft .NET 框架 FAQ  下一条: 一个关于天气预报的WebService【C#版】…
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  热点推荐
一个关于天气预报的WebService【C…
VS2010最大的新特点是并行编程的进…
TextBox控件:asp.net中如何为密码…
Web服务调用实例:实现天气预报的…
ASP.NET程序员面试试题(130道题)
ASP.NET教程:调用WebService的源码…
网站开发全程设计
据说这套.net面试题很多网络公司都…
考考你:C#常见题型及部分答案
原创:.net读取数据库sql2000
伪静态URL重写配置
配置web.config代码asp.net3.5个性…
使用线程池提高性能 Socket网络编…
ASP.NET(C#)GridView表头的增加…
如何找到正确的学习方向【.NET版】…
  最近更新
C#修改注册表demo
一个获取内容中的图片地址的方法
ASP.NET 4.0尚未在 Web 服务器上注…
四大作用域:application,session…
ConfigurationManager不存在的解决…
vs2012_vs2013_vs2015没有Web Dep…
vs2015禁用解决方案中单击打开文件…
微软为Visual Studio 2015新增安卓…
C#如何实现搜索引擎网络爬虫程序
C#中正则表达式的用法
用C#抓取需要登录的页面数据
VS2015新功能
VS2015安装图解教程
vs2015新功能介绍
vs2015安装图解

关于我们 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3