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

最新推荐文章于 2024-08-22 15:56:29 发布

菩提树下的杨过

最新推荐文章于 2024-08-22 15:56:29 发布

阅读量726

点赞数

分类专栏： .Net/C#/APSX 文章标签： ajax server asp textbox table border

本文链接：https://blog.csdn.net/yjmyzz/article/details/1963441

版权

.Net/C#/APSX 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

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

[前端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" >

< 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>
注意上面蓝色的代码，再次运行，哈哈，居然可以了！