为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
C#

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

[前端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 > <%--为突出显示,把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 >
        <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>
注意上面蓝色的代码,再次运行,哈哈,居然可以了!

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消