如何对动态创建控件进行验证以及在Ajax环境中的使用

简介: 首先给一个常规的动态创建控件,并进行验证的代码 [前端aspx代码] DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

首先给一个常规的动态创建控件,并进行验证的代码

[前端aspx代码]

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Test.aspx.cs "  Inherits = " Test "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
    
< title > 无标题页 </ title >
</ head >
< body >
    
< form id = " form1 "  runat = " server " >
      
        
< asp:Table ID = " Table1 "  runat = " server " >
        
</ asp:Table >
        
< asp:Button ID = " btnAddControl "  runat = " server "  Text = " 动态创建控件 "  OnClick = " btnAddControl_Click "   />   
    
< asp:Button ID = " btnValidator "  runat = " server "  Text = " 验证动态控件 "  Enabled = " false "   />
    
    
</ form >
</ body >
</ html >

[后端Cs代码]
using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  Test : System.Web.UI.Page
{
    
private void Page_Load(object sender, System.EventArgs e)
    
{
        
    }



    
protected void btnAddControl_Click(object sender, EventArgs e)
    
{        
        TextBox _TxtBox 
= new TextBox();//动态创建一个TextBox
        _TxtBox.ID = "TextBox1"
       
        RequiredFieldValidator _Require 
= new RequiredFieldValidator();//动态创建一个验证控件
        _Require.ErrorMessage = "请输入";
        _Require.SetFocusOnError 
= true;
        _Require.ControlToValidate 
= _TxtBox.ID;      
 
        TableCell Cell 
= new TableCell();
        Cell.Controls.Add(_TxtBox);
        Cell.Controls.Add(_Require);
//将刚才创建的二个控件,加入Cell

        TableRow Row 
= new TableRow();
        Row.Controls.Add(Cell);
        
this.Table1.Rows.Add(Row);

        btnValidator.Enabled 
= true;
    }

}

运行测试,点击"动态创建控件"后,再点击"验证动态控件",验证控件起作用了,一切正常

接下来,我们加入Ajax环境[加入UpdatePanel控件],将前端代码改为:

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Test.aspx.cs "  Inherits = " Test "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
    
< title > 无标题页 </ title >
</ head >
< body >
    
< form id = " form1 "  runat = " server " >
       
<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
    <ContentTemplate>
        <div style="border:solid 2px red"> <%--为突出显示,把UpdatePanel加了一个红色框--%>
         < asp:Table ID = " Table1 "  runat = " server " >
        
</ asp:Table >
        
< asp:Button ID = " btnAddControl "  runat = " server "  Text = " 动态创建控件 "  OnClick = " btnAddControl_Click "   />
       
</div>
</ContentTemplate>
</asp:UpdatePanel>
    
    
      
< asp:Button ID = " btnValidator "  runat = " server "  Text = " 验证动态控件 "  Enabled="true"   />
    
    
</ form >
</ body >
</ html >  

再次运行,发现没办法再对动态生成的控件进行验证了(也就是说,新创建的验证控件没起作用) ,怎么办呢?难道就这样放弃?经过一番尝试,发现了一个很有趣的解决办法,具体参看以下代码:
<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Test.aspx.cs "  Inherits = " Test "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
    
< title > 无标题页 </ title >
</ head >
< body >
    
< form id = " form1 "  runat = " server " >
       
< asp:ScriptManager ID = " ScriptManager1 "  runat = " server " >
        
</ asp:ScriptManager >
        
< asp:UpdatePanel ID = " UpdatePanel1 "  runat = " server "   >
    
< ContentTemplate >
        
< div style = " border:solid 2px red " ><%-- 为突出显示,把UpdatePanel加了一个红色框 --%>
        
< asp:Table ID = " Table1 "  runat = " server " >
        
</ asp:Table >
        
< asp:Button ID = " btnAddControl "  runat = " server "  Text = " 动态创建控件 "  OnClick = " btnAddControl_Click "   />
       
</ div >
</ ContentTemplate >
</ asp:UpdatePanel >
    
    
  <div style="display:none">
        <asp:TextBox ID="_TxtNeverUsed" runat="server" Text="*"></asp:TextBox>
        <asp:RequiredFieldValidator ID="_RequireNeverUsed" runat="server" ErrorMessage="*" ControlToValidate="_TxtNeverUsed"></asp:RequiredFieldValidator>
    </div>
     < asp:Button ID = " btnValidator "  runat = " server "  Text = " 验证动态控件 "  Enabled = " true "   />
    
    
</ form >
</ body >
</ html >
注意上面蓝色的代码,再次运行,哈哈,居然可以了!
目录
相关文章
|
SQL 开发框架 前端开发
AJAX之四 Ajax控件工具集(下)
AJAX之四 Ajax控件工具集(下)
46 0
|
开发框架 前端开发 .NET
AJAX之四 Ajax控件工具集(中)
AJAX之四 Ajax控件工具集(中)
62 0
|
开发框架 前端开发 .NET
AJAX之四 Ajax控件工具集(上)
AJAX之四 Ajax控件工具集(上)
69 0
|
开发框架 前端开发 .NET
Ajax之三 Ajax服务器端控件(下)
Ajax之三 Ajax服务器端控件(下)
61 0
|
开发框架 前端开发 JavaScript
Ajax之三 Ajax服务器端控件(上)
Ajax之三 Ajax服务器端控件
66 0
|
数据采集 前端开发 JavaScript
Python爬虫实战:抽象包含Ajax动态内容的网页数据
Python爬虫实战:抽象包含Ajax动态内容的网页数据
|
JSON 前端开发 安全
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
279 0
|
前端开发
ECharts图表ajax动态赋值Tab选项卡切换数据表的解决方案
ECharts图表ajax动态赋值Tab选项卡切换数据表的解决方案
184 0
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
81 0
|
前端开发 Java
java实现动态验证码源代码——接受ajax的jsp
java实现动态验证码源代码——接受ajax的jsp