【Asp.Net】後臺生成控件並綁定事件

在Asp.Net的Web頁面處理流程中,有時候咱們會碰到須要動態生成的控件,併爲之綁定相應的事件。html

  接下來咱們來動態的生成一個控件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>");
}
複製代碼

咱們在預覽一下,能夠看到被加進來的控件。this

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

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

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

這個每每不是咱們須要的效果,在實際需求中,咱們須要在指定位置生成須要的控件。咱們但願能更靈活的動態生成按鈕,這個也很簡單,藉助PlaceHolder控件就可以輕鬆實現。orm

複製代碼
<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>
複製代碼

接下來咱們在後臺動態生成按鈕server

複製代碼
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 = "中間動態添加控件";
        }
複製代碼

好了,點擊生成,而後預覽htm

咱們能夠看到動態添加的按鈕都被咱們添加到特定的位置了對象

點擊按鈕也能夠觸發事件

 

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

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

 轉自http://www.javashuo.com/article/p-cpjmxckn-dd.html

相關文章
相關標籤/搜索