[转载]ASP.NET点击按钮动态创建控件并获得值的原理及方法

[转载]点击按钮动态创建控件并获得值的原理及方法 – wlf – 博客园.

说到动态创建控件 就必须说下页面的生命周期了  上个简单的图

说下可能遇到的问题  控件创建好了  但再点别的按钮时  就又消失了  因为没有保存状态

还有的在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里都要加上这个 看~ 今天的例子不就没加么~

欢迎关注~

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏