點擊按鈕動態創建控件并獲得值的原理及方法

說到動態創建控件就必須說下頁面的生命周期了上個簡單的圖

說下可能遇到的問題控件創建好了但再點別的按鈕時就又消失了因為沒有保存狀態

還有的在Init查看Viewstate等這些都是對頁面生命周期理解的并不清楚~ 下面上demo說

第一步先是動態創建控件

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="HFControl" runat="server" />
        <asp:Button ID="BtnCreate" runat="server" Text="動態創建" 
            onclick="BtnCreate_Click" />
        <asp:Button ID="GetValue" runat="server" Text="獲取選中的值" 
            onclick="GetValue_Click" />
        <asp:Label ID="lbl" runat="server" Text=""></asp:Label>
        <asp:Panel ID="PanelControl" runat="server">
        </asp:Panel>
    </div>
    </form>
</body>
</html>

第二部動態創建的code 這里說下點擊按鈕動態創建的原理點擊按鈕時給HiddenField賦值或者Viewstate賦值然后在創建控件這樣當每次進入頁面時判斷iddenField或者Viewstate是否有值有值則顯示那個動態創建的控件這樣就保存住里狀態當你再點其他控件時則不會丟失了再次強調不要寫在!IsPostBack里面那個是是否回發

  protected void Page_Load(object sender, EventArgs e)
    {
        //1.創建控件不要寫在IsPostBack    2.Viewstate和控件的值 要在視圖 裝載完成后才有值 所以不要再Init等里面用
        if (!string.IsNullOrEmpty(HFControl.Value) && HFControl.Value=="flag")
        {
            CreateDropDownList();
        }
        if (!IsPostBack)//這個是判斷是否為回發  如果把創建控件寫在這里  控件當然會消失咯
        {
           
        }
    }


  /// <summary>
    /// 創建控件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void BtnCreate_Click(object sender, EventArgs e)
    {
        HFControl.Value = "flag";
        CreateDropDownList();
    }

    /// <summary>
    /// 動態創建DropDownList控件
    /// </summary>
    private void CreateDropDownList()
    {
        DropDownList ddl = new DropDownList();
        ddl.ID = "ddldynamic";
        ddl.Items.Add(new ListItem("1", "1"));
        ddl.Items.Add(new ListItem("2", "2"));
        ddl.Items.Add(new ListItem("3", "3"));
        ddl.Items.Add(new ListItem("4", "4"));
        ddl.AutoPostBack = true;
        ddl.SelectedIndexChanged += new EventHandler(ddl_SelectedIndexChanged);//給ddl添加事件
        PanelControl.Controls.Add(ddl);
    }

第三部則是點擊控件獲得動態創建的控件選中的值這里寫了點擊控件獲得還寫了自身回發事件獲得

  /// <summary>
    /// 點擊按鈕 獲得選中的ddl的值
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GetValue_Click(object sender, EventArgs e)
    {
        DropDownList ddl = PanelControl.FindControl("ddldynamic") as DropDownList;
        if (ddl != null)
        {
            lbl.Text ="點擊按鈕得到的值為"+ddl.SelectedValue;
        }
    }

    /// <summary>
    /// 動態創建的DropDownList的事件   注意動態創建時 訂閱了這個事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void ddl_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList ddl= sender as DropDownList;
        if (ddl != null)
        {
            lbl.Text ="通過自身回發事件得到的值為"+ddl.SelectedValue;
        }
    }

順便說下在頁面里加上 Page指令里加上 Trace="true" 可以看到很多細節幫助很大

好了~~ 這樣常用的一些動態創建控件的操作就寫完了與大家分享下~ 下一篇寫下

IsPostBack 的本質和原理~ 看到很多人說在page里都要加上這個看~ 今天的例子不就沒加么~

歡迎關注~

posted on 2011-06-28 08:54 wlf 閱讀(3729) 評論(9) 收藏舉報

刷新頁面返回頂部