【Asp.Net】后台生成控件並綁定事件


  在Asp.Net的Web頁面處理流程中,有時候我們會碰到需要動態生成的控件,並為之綁定相應的事件。

  接下來我們來動態的生成一個控件

//在用戶代碼初始化階段添加控件
protected void Page_Load(object sender, EventArgs e)
{
      //聲明控件對象
      Button newBtn=new Button();
      //指定控件屬性
      newBtn.ID="btnConrol";
      newBtn.Text="我是動態生成的按鈕";
      newBtn.Click+=new System.EventHandler(this.ShowMessage); 
      //在Asp.Net中,Asp控件需要放在有runat="server"標記的容器中
      form1.Controls.Add(newBtn);
}

//方法
private void ShowMessage(object sender, EventArgs e)
{
    Response.Write("<script>alert('我被點擊啦')</script>");
}

我們在預覽一下,可以看到被加進來的控件。

點擊按鈕會出發初始化綁定的事件

雖然控件已經動態生成,並且能成功綁定事件並觸發事件,但是還是有點不理想。我們可以看到,每次動態生成的按鈕都被加在了頁面的最底部。

這個是由web頁面的機制決定,只有在頁面被創建成功以后,動態生成的控件才會被加到頁面,這就意味着新的控件會被加到頁面的最底部。

這個往往不是我們需要的效果,在實際需求中,我們需要在指定位置生成需要的控件。我們希望能更靈活的動態生成按鈕,這個也很簡單,借助PlaceHolder控件就能夠輕松實現。

<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <asp:PlaceHolder ID="phTop" runat="server"></asp:PlaceHolder>
        </div>
        <div>
            <asp:Label ID="lblInfo" runat="server" Text=""></asp:Label>
        </div>
        <div>
            <asp:PlaceHolder ID="phMid" runat="server"></asp:PlaceHolder>
        </div>
        <asp:Button ID="BtnPage" runat="server" Text="頁面控件" />

    </div>
    </form>
</body>

接下來我們在后台動態生成按鈕

protected void Page_Load(object sender, EventArgs e)
        {
            BtnPage.Click += new System.EventHandler(this.ShowMsg);

            Button topBtn = new Button();
            topBtn.ID = "topBtn";
            topBtn.Text = "頂部動態添加控件";
            topBtn.Click += new System.EventHandler(this.TopShowMsg);
            phTop.Controls.Add(topBtn);

            Button midBtn = new Button();
            midBtn.ID = "midBtn";
            midBtn.Text = "中間動態添加控件";
            midBtn.Click += new System.EventHandler(this.MidShowMsg);
            phMid.Controls.Add(midBtn);
        }
        //頁面添加控件事件
        private void ShowMsg(object sender, EventArgs e)
        {
            lblInfo.Text = "固定添加控件";
        }
        private void TopShowMsg(object sender, EventArgs e)
        {
            lblInfo.Text = "頂部動態添加控件";
        }
        private void MidShowMsg(object sender, EventArgs e)
        {
            lblInfo.Text = "中間動態添加控件";
        }

好了,點擊生成,然后預覽

我們可以看到動態添加的按鈕都被我們添加到特定的位置了

點擊按鈕也可以觸發事件

 

好了,動態生成頁面控件的筆記到這里就結束了。

一點基礎知識,高手勿噴~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM