动态新增服务器控件TextBox

项目需要,结合网上的方法,弄了一个动态新增服务器控件TextBox页面。

前台部分代码:

<body>
    <form id="form1" runat="server">
     <asp:Button ID="Button1" runat="server" Text="新增" οnclick="Button1_Click1" />  
     <div id="divControl" runat="server">  
         
     </div>  
     <asp:Button ID="Button2" runat="server" οnclick="Button2_Click" Text="提交所有信息" />  
    <asp:HiddenField ID="HiddenField1" runat="server" />
    </form>
</body>

后台 代码:

public partial class DynamicControl2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                //初始化计数器
                this.HiddenField1.Value = "0";
            }

        }

        /// <summary>  
        /// 循环计数器,绘制相应的本框,并绑定内容
        /// </summary>  
        /// <param name="sender"></param>  
        /// <param name="e"></param>  
        protected void Button1_Click1(object sender, EventArgs e)
        {
            //计数器新增
            int count = Convert.ToInt32(this.HiddenField1.Value.ToString());
            count++;
            this.HiddenField1.Value = count.ToString();
            //后台方式绘制textbox
            AddTextBox();
        }

        //动态添加TextBox  
        private void AddTextBox()
        {
            for (int i = 0; i < Convert.ToInt32(this.HiddenField1.Value.ToString()); i++)
            {
                Label li = new Label();
                li.Text ="第"+ (i + 1) + "个输入框:";
                TextBox t = new TextBox();
                t.ID = "txt" + i.ToString();
                t.Width = Unit.Pixel(200);
                //如果有文本内容,则绑定
                TextBoxBinds(t, i);
                //添加到相应的容器
                divControl.Controls.Add(li);
                divControl.Controls.Add(t);
                //再多写一个换行符
                divControl.Controls.Add(new LiteralControl("<br>"));
            }
        }

        /// <summary>  
        /// 提交提交所有数据  
        /// </summary>  
        /// <param name="sender"></param>  
        /// <param name="e"></param>  
        protected void Button2_Click(object sender, EventArgs e)
        {
            //因为是服务器控件提交,要重新从服务器生成本页面,所以要再绘制一遍,同时重新绑定文本框内容
            AddTextBox();
            int txtCount = Convert.ToInt32(this.HiddenField1.Value.ToString());
            //进行验证是否有为空的数据!,该验证必须放在重复循环TextBox信息之后,否则将不会显示回传后的TextBox  
            for (int i = 0; i < txtCount; i++)
            {
                String txtValue = Request.Form["txt" + i.ToString()];
                if (!CheckIsNull(txtValue))
                {
                    //如果验证有不符合的将不进行下面数据库相关操作.  
                    return;
                }
            }


            for (int i = 0; i < txtCount; i++)
            {
                Response.Write(Request.Form["txt" + i.ToString()] + "<br>");
                //Response.Write("现在可以对数据库中的数据循环操作了!");  
            }
        }


        /// <summary>  
        /// 重复提交时对数据的绑定  
        /// </summary>  
        /// <param name="t"></param>  
        /// <param name="i"></param>  
        private void TextBoxBinds(TextBox t, int i)
        {
            //通过TextBox的name得到它的值  
            string txtValue = Request.Form["txt" + i.ToString()];
            //判断该值是否为空  
            if (!String.IsNullOrEmpty(txtValue))
            {
                //不为空则对该文本框的值赋值  
                t.Text = txtValue;
            }

        }

        /// <summary>  
        /// 验证文本框是否为空!  
        /// </summary>  
        /// <param name="txtValue"></param>  
        /// <returns></returns>  
        private bool CheckIsNull(String txtValue)
        {
            if (String.IsNullOrEmpty(txtValue))
            {
                LiteralControl lc = new LiteralControl();
                lc.Text = "<script>alert(\"请输入文本框信息!\");</script>";
                Page.Controls.Add(lc);
                return false;
            }
            return true;
        }
    
    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值