点击按钮动态创建控件并获得值的原理及方法

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

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

还有的在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 阅读(3704) 评论(9) 编辑收藏举报

点击按钮动态创建控件并获得值的原理及方法

搜索

常用链接

我的标签

随笔分类

随笔档案

相册

阅读排行榜

评论排行榜

推荐排行榜

最新评论