为什么要用原生的呢？

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. 第一次冲刺阶段后五天总结和第一次 Sprint

    第一次冲刺阶段后五天总结(11.16-11.20) 一.准备实现的功能 1 在游戏中随机显示式子 点击进入答题则进入答题界面,显示式子 2 设置限时或者规定答题数目模式 进入游戏,选择不同模式 3 产 ...

  2. 四种losses

    1. Classification losses 每次输入一个样本,对样本进行类别预测,根据预测类别和真实标签得到对应的分类损失. 2. Pairwise losses 每次输入两个样本,数据集包含了 ...

  3. VS2013 单元测试

    1.打开VS2013 --> 新建一个项目.这里创建一个c#控制台项目.取名为ccj_test1 2.进入控制台项目ccj_test1的Program类,创建一个add静态方法,并将progra ...

  4. Beta阶段敏捷冲刺②

    1.提供当天站立式会议照片一张. 每个人的工作 (有work item 的ID),并将其记录在码云项目管理中: 1.1昨天已完成的工作. 姓名 昨天已完成的工作 徐璐琳 完成设置界面的排版 祁泽文 实 ...

  5. beta NO1

    031602111 傅海涛 1.今天进展 笔记颜色统一,解决笔记的同步性和完整性 2.存在问题 office文档转换的时间问题 3.明天安排 增加新功能和完善之前的功能 4.心得体会 接口真难 031 ...

  6. thinkphp5报错

    thinkPHP5配置nginx环境无法打开(require():open_basedirrestrictionineffect.File(/mnt/hgfs/ro (2018-07-19 22:05 ...

  7. Django-项目配置

    目录 配置文件 数据库配置DATABASE - 指定MySQL数据库 数据库配置DATABASE - 指定SQL Server数据库 数据库配置DATABASE - 指定多个数据库 模版文件 静态文件 ...

  8. 如何使用js判断视频是否可以成功访问

    日常工作中会出现各个公司网络不互通的情况,视频如果采用不互通的地址也无法播放,下面方法提供了检测视频是否可以播放的解决方案: 1.跨域 var video = document.createEleme ...

  9. [你必须知道的异步编程]C# 5.0 新特性——Async和Await使异步编程更简单

    本专题概要: 引言 同步代码存在的问题 传统的异步编程改善程序的响应 C# 5.0 提供的async和await使异步编程更简单  async和await关键字剖析 小结 一.引言 在之前的C#基础知 ...

  10. IntelliJ IDEA 创建Java Web项目

    1. 创建Web项目 可以先阅读 IntelliJ IDEA 的安装和使用教程 注意:IntelliJ IDEA 中 Project 和 Module 的概念及区别 创建完成后点击Import Cha ...