如何动态创建控件

jiaoqiuge 2010-10-29 08:58:44

我现在想实现在页面上点一下按钮就生成一个TextBox空间(可生成N个) 如何控制他们的ID?

...全文

154 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

paul_C 2010-10-29

打赏
举报

给控件设置个name属性,后台获取用string name=Request["ControlName"]

paul_C 2010-10-29

打赏
举报

如果用服务器控件那就在服务端new TextBox 就行了

用html 控件就用js 或jquery 动态生成html标记和设置id就行了。

jiaoqiuge 2010-10-29

打赏
举报

[Quote=引用 5 楼 fellowcheng 的回复:]

HTML code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dynamicAdd.aspx.cs" Inherits="WebApp.dynamicAdd" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3……
[/Quote]

成功了,但是我要如何在后台获取到他的ID啊?我要获取他的值

jiaoqiuge 2010-10-29

打赏
举报

jiaoqiuge 2010-10-29

打赏
举报

我感觉生成在客户端就OK 最主要是后台能读取到文本框里的值....

Ny-6000 2010-10-29

打赏
举报

生成客户端的,还是服务器端的呢?

客户端的就好办多了.

直接接接string串输出就行了.

jiaoqiuge 2010-10-29

打赏
举报

whb147 2010-10-29

打赏
举报

用js创建
然后用request.form接收

fellowcheng 2010-10-29

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dynamicAdd.aspx.cs" Inherits="WebApp.dynamicAdd" %>



<!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>



    <script type="text/javascript">

        function addFile() {

            var div = document.createElement("div");

            var f = document.createElement("input");

            f.setAttribute("type", "text")

            f.setAttribute("name", "txtCardNo")

            f.setAttribute("size", "20")

            div.appendChild(f)

            var d = document.createElement("input");

            d.setAttribute("type", "button")

            d.setAttribute("onclick", "deteFile(this)");

            d.setAttribute("value", "移除")

            div.appendChild(d)

            document.getElementById("_container").appendChild(div);

        }



        function deteFile(o) {

            while (o.tagName != "DIV") o = o.parentNode;

            o.parentNode.removeChild(o);

        }

    </script>



</head>

<body>

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

    <input value="add" type="button" onclick="addFile()" />

    <div id="_container">

    </div>

    <input type="submit" value="ok" />

    </form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;



namespace WebApp {

    public partial class dynamicAdd : System.Web.UI.Page {

        protected void Page_Load(object sender, EventArgs e) {

            if (!IsPostBack) {

                if (string.IsNullOrEmpty(Request["txtCardNo"])) {

                    string[] strCardes = Request["txtCardNo"].Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries);

                    foreach (string strCard in strCardes) {

                        //to do

                    }

                }

            }

        }

    }

}