点击按钮动态创建控件并获得值的原理及方法
说到动态创建控件 就必须说下页面的生命周期了 上个简单的图
说下可能遇到的问题 控件创建好了 但再点别的按钮时 就又消失了 因为没有保存状态
还有的在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里都要加上这个 看~ 今天的例子不就没加么~
欢迎关注~
