为什么要用原生的呢？

1、目的 原生出现浏览器兼容性问题 极少，不用测试多浏览兼容性 。需要考虑到市面上的其他垃圾浏览器。

2、性能不好 如果不考虑第一条 你可以换一种方式

直接上代码

.aspx页面

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>DEMO</title>

</head>

<body>

    <form id="form1" runat="server">

        <br />

        <br />

        <asp:Label ID="Label2" runat="server" Text="动态控件"></asp:Label>

        <asp:PlaceHolder ID="phBody" runat="server"></asp:PlaceHolder>

        <br />

        <br />

        <br />

        <br />

        <br />

        <asp:Button ID="btnAdd" runat="server" OnClick="btnAdd_Click" Text="加三个动态控件" />

        <asp:Button ID="btnDelLast" runat="server" OnClick="btnDelLast_Click" Text="删除后面三个" />

        <br />

        <br />

        <br />

        <br />

        <asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="提交保存" />

        <br />

        <br />

        <asp:Label runat="server" ID="lbMsg" ForeColor="Red"></asp:Label>

    </form>

</body>

</html>

　　

后台.cs代码

　　

  protected void Page_Load(object sender, EventArgs e)

        {

            #region 初始化控件 

            if (ViewState["AddedControl"] == null)

            {

                ViewState["AddedControl"] = 1;

                CreateControl();

            }

            else

            {

                int cout = Convert.ToInt32(ViewState["AddedControl"]);

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

                {

                    CreateControl();

                }

            }

            #endregion

            if (!IsPostBack)

            {

            }

        }

        /// <summary>

        /// 给容器phBody创建动态控件

        /// </summary>

        /// <param name="index"></param>

        public void CreateControl()

        {

            Panel plBody = new Panel();

            TextBox txt = new TextBox();

            txt.Text = "";

            plBody.Controls.Add(txt);

            TextBox txt2 = new TextBox();

            txt2.Text = "";

            plBody.Controls.Add(txt2);

            TextBox txt3 = new TextBox();

            txt3.Text = "";

            plBody.Controls.Add(txt3);

            phBody.Controls.Add(plBody);

        }

        //获取动态添加的控件值

        protected void btnSave_Click(object sender, EventArgs e)

        {

            System.Text.StringBuilder sb = new System.Text.StringBuilder();

            for (int i = 0; i < phBody.Controls.Count; i++)

            {

                Control ctrl = phBody.Controls[i];

                for (int j = 0; j < ctrl.Controls.Count; j++)

                {

                    if (j <= 3)

                    {

                        TextBox txt = ctrl.Controls[j] as TextBox;

                        if (txt != null)

                        {

                            sb.Append(txt.Text);

                        }

                    }

                }

            }

            lbMsg.Text = sb.ToString();

        }

        //加三行

        protected void btnAdd_Click(object sender, EventArgs e)

        {

            if (ViewState["AddedControl"] == null)

            {

                ViewState["AddedControl"] = 1;

            }

            else

            {

                int cout = Convert.ToInt32(ViewState["AddedControl"]);

                ViewState["AddedControl"] = cout + 1;

            }

            CreateControl();

        }

        //删除最后一行动态添加的控件

        protected void btnDelLast_Click(object sender, EventArgs e)

        {

            int index = phBody.Controls.Count - 1;

            phBody.Controls.RemoveAt(index);

            if (ViewState["AddedControl"] == null)

            {

                ViewState["AddedControl"] = 0;

            }

            else

            {

                int cout = Convert.ToInt32(ViewState["AddedControl"]);

                ViewState["AddedControl"] = cout - 1;

            }

        }

　　

预览效果

asp.net动态增加服务器端控件并提交表单的更多相关文章

  1. asp.net动态网站repeater控件使用及分页操作介绍

    asp.net动态网站repeater控件使用及分页操作介绍 1.简单介绍 Repeater 控件是一个容器控件,可用于从网页的任何可用数据中创建自定义列表.Repeater 控件没有自己内置的呈现功 ...

  2. ASP.NET动态添加用户控件的方法

    本文实例讲述了ASP.NET动态添加用户控件的方法.分享给大家供大家参考.具体实现方法如下: 为了让用户控件能ASP.NET页面实现动态添加,首先写一个接口IGetUCable,这个接口有一个函数,返 ...

  3. 037——VUE中表单控件处理之表单修饰符：lazy/number/trim

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. wpf动态增加删除控件

    我在xaml中定义了一个名字为morepictureWrapPan为WrapPanel,然后将控件添加在此WrapPanel中.由于要实现控件的删除功能,所以增加的textbox和button的名字都 ...

  5. asp.net动态解析用户控件(UserControl)

    模块化的时候需要用到: #region asp.net解析用户控件 /// <summary> /// asp.net 解析用户控件 /// </summary> /// &l ...

  6. WebForm 【简单控件】【表单元素】

    一.HTML 表单元素复习 (1)文本类 文本框:<input type="text" name="" id="" value=&qu ...

  7. (转) android里，addContentView()动态增加view控件，并实现控件的顶部，中间，底部布局

    http://blog.csdn.net/bfboys/article/details/52563089

  8. 关于bootstrap--表单控件（disabled表单禁用、显示表单验证的样式）

    1.disabled: (1)在input中加入disabled可使表单禁用,如图: <input class="form-control input-lg" id=&quo ...

  9. 上传预览 easyui部分控件获取focuse 表单验证

    js: $(document).ready(function () { //$('#creater').combobox({ // url: '/VMS.UI/BindData/ScheamData? ...

随机推荐

  1. WC----命令行实现对文件信息的统计

    需求分析: 程序处理用户需求的模式为: wc.exe [parameter][filename] 在[parameter]中,用户通过输入参数与程序交互,需实现的功能如下: 1.基本功能 支持 -c ...

  2. Majority Element问题---Moore's voting算法

    Leetcode上面有这么一道难度为easy的算法题:找出一个长度为n的数组中,重复次数超过一半的数,假设这样的数一定存在.O(n2)和O(nlog(n))(二叉树插入)的算法比较直观.Boyer–M ...

  3. Docker(二十一)-Docker Swarm集群部署

    介绍 Swarm 在 Docker 1.12 版本之前属于一个独立的项目,在 Docker 1.12 版本发布之后,该项目合并到了 Docker 中,成为 Docker 的一个子命令.目前,Swarm ...

  4. [转帖]Application Request Route实现IIS Server Farms集群负载详解

    Application Request Route实现IIS Server Farms集群负载详解  https://www.cnblogs.com/knowledgesea/p/5099893.ht ...

  5. 05.基于IDEA+Spring+Maven搭建测试项目--web.xml配置

    <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" " ...

  6. http——解读梳理

    (1)在客户端与服务器建立准确连接传输之前,先讲一讲三次握手 第一次握手:建立连接时,客户端发送syn包[同步序列编号(Synchronize Sequence Numbers).是TCP/IP建立连 ...

  7. MT【180】齐次化+换元

    已知实数$a,b$满足$a^2-ab-2b^2=1,$则$a^2+b^2$的取值范围_____ 解答:$\textbf{方法一}$由已知得$(a-2b)(a+b)=1$,设$x=a-2b,y=a+b$ ...

  8. 【刷题】BZOJ 2194 快速傅立叶之二

    Description 请计算C[k]=sigma(a[i]*b[i-k]) 其中 k < = i < n ,并且有 n < = 10 ^ 5. a,b中的元素均为小于等于100的非 ...

  9. 学习5_STM32--外设通信方式

    就拿stm32的外设spi来说,通信方式主要有3种 > spi常规收发方式        (在轮询机制下通过判断缓冲区空与非空作为收发依据) > spi中断收发方式 (在中断机制下收发数据 ...

  10. GDOI2018 Day1 题目总结

    T1:农场 题意:有一个长为 $n$ 的序列 $a$,要求将其分成尽可能多的部分,使得每一部分的 $a_i$ 的和相等.求最多能分成的部分数. $30\%:1\le n\le 1000$ $80\%: ...