c# – 动态Div创建asp.net

发布时间：2020-12-15 05:37:21 所属栏目：百科来源：网络整理

导读：我想按下按钮点击动态创建Div. 为此,我提到这个链接 http://forums.asp.net/t/1349244.aspx 并在服务器端(.cs页面)上创建代码,如下 public static int i = 0; protected void Button1_Click(object sender,EventArgs e) { i++; HtmlGenericControl newContro

我想按下按钮点击动态创建Div.

为此,我提到这个链接>> http://forums.asp.net/t/1349244.aspx

并在服务器端(.cs页面)上创建代码,如下>>

public static int i = 0;
    protected void Button1_Click(object sender,EventArgs e)
    {
        i++;
        HtmlGenericControl newControl = new HtmlGenericControl("div");

        newControl.ID = "NEWControl"+i;
        newControl.InnerHtml = "This is a dynamically created HTML server control.";

        PlaceHolder1.Controls.Add(newControl);
    }

当我按下按钮时,这段代码每次给我一个div.我想添加div.

在客户端使用javascript我也试过>>

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

        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" OnClientClick="addDiv();" />

    </div>
    <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
    </form>
</body>
</html>
<script type="text/javascript">
    function addDiv() {
        alert("Control comming in function");
        var r = document.createElement('Div');
        r.style.height = "20px";
        r.style.width = "25px";
        r.appendChild("div");
        alert("Control going out of function");
    }
</script>

这两个都没有用.

我犯了什么错误？

有什么不对的吗？

解决方法

用这个

public int Index
    {
       get
       {
          if(ViewState["Index"]==null)
          {
             ViewState["Index"]=0;
          }
          else
          {
             ViewState["Index"]=int.Parse(ViewState["Index"].ToString())+1;
          }

          return int.Parse(ViewState["Index"].ToString());    
       }
   }

    protected void Button1_Click(object sender,EventArgs e)
    {
        HtmlGenericControl newControl = new HtmlGenericControl("div");
        newControl.ID = "NEWControl"+Index;
        newControl.InnerHtml = "This is a dynamically created HTML server control.";

        PlaceHolder1.Controls.Add(newControl);
    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!