点击按钮在panel中动态添加label控件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击按钮在panel中动态添加label控件相关的知识,希望对你有一定的参考价值。

asp.net c#网站开发页面中有一个Panel1,一个Button1,我想实现每点击一次Button1就向Panel1中添加一个label,实现label累加的效果,但现在的效果是我点击了button页面就刷新后始终只有一个label显示在Panel1中,我用的是
protected void Button1_Click(object sender, EventArgs e)

Label label = new Label();
label.Text=Convert.ToInt32(Session["num"])++;
this.Panel1.Controls.Add(label);

我想是页面刷新后重新加载了,前一次点击添加的label就不存在了,不知道怎么实现我想要的效果,求大哥们帮忙

实现这个功能的方法很多,如果用javascript的话,可以这样:
在页面的<asp:panel></asp:panel>这个标签里添加一个<Div></Div>,div中将label控件包含进去;在Button1的客户端的click中写个函数,复制页面元素,主要是应用javascript的cloneNode方法,可以查找网上资料,这个方法不需要刷新页面,速度快。

方法二:
你这样做未必就没有添加label,你可以在点击一次按钮后,在页面上看它的html代码,调试一下错误所在,看页面上是否会有两个label标签。

代码如下,只是示例:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function insertMessage()
if(document.getElementsByTagName("tbody").length<16)
var oNewNode = document.getElementById("ass").firstChild.cloneNode(true);
document.getElementById("ass").appendChild(oNewNode);
else
alert("最多只能同时上传10个附件!");
return false;


function moveMessage()
if(document.getElementsByTagName("tbody").length>3)
var oOldNode = document.getElementById("ass").lastChild;
oOldNode.parentNode.removeChild(oOldNode);


</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table><tr><td>
上传附件:<a href="###" onclick="insertMessage()">[+]</a> <a href="###" onclick="moveMessage()">
[-]</a>
<table id="ass">
<tr>
<td style="height: 22px">
附件:<asp:FileUpload unselectable="on" ID="filePost" runat="server" /></td>
</tr>
</table></td></tr>
</table>
</div>
</form>
</body>
</html>
参考技术A 比较简单的
只是每一次回送就多添加一个
参考技术B 在load里面加条件判断
if(!ispostback)

//添加label
参考技术C 刷新后还有?
page_load

if(!IsPostBack && Session["panel"]!=null)
Panel1 = (Panel)Session["panel"];

protected void Button1_Click(object sender, EventArgs e)

Label label = new Label();
label.Text=Convert.ToInt32(Session["num"])++;
this.Panel1.Controls.Add(label);
Session["panel"] = Panel1;
参考技术D 实现这个功能的方法很多,如果用javascript的话,可以这样:
在页面的<asp:panel></asp:panel>这个标签里添加一个<Div></Div>,div中将label控件包含进去;在Button1的客户端的click中写个函数,复制页面元素,主要是应用javascript的cloneNode方法,可以查找网上资料,这个方法不需要刷新页面,速度快。
方法二:
你这样做未必就没有添加label,你可以在点击一次按钮后,在页面上看它的html代码,调试一下错误所在,看页面上是否会有两个label标签。
代码如下,只是示例:
<%@
Page
Language="C#"
AutoEventWireup="true"
CodeFile="Default6.aspx.cs"
Inherits="Default6"
%>
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
>
<head
runat="server">
<title>无标题页</title>
<script
type="text/javascript">
function
insertMessage()

if(document.getElementsByTagName("tbody").length<16)

var
oNewNode
=
document.getElementById("ass").firstChild.cloneNode(true);
document.getElementById("ass").appendChild(oNewNode);

else

alert("最多只能同时上传10个附件!");
return
false;


function
moveMessage()

if(document.getElementsByTagName("tbody").length>3)
var
oOldNode
=
document.getElementById("ass").lastChild;
oOldNode.parentNode.removeChild(oOldNode);


</script>
</head>
<body>
<form
id="form1"
runat="server">
<div>
<table><tr><td>
上传附件:<a
href="###"
onclick="insertMessage()">[+]</a>
<a
href="###"
onclick="moveMessage()">
[-]</a>
<table
id="ass">
<tr>
<td
style="height:
22px">
附件:<asp:FileUpload
unselectable="on"
ID="filePost"
runat="server"
/></td>
</tr>
</table></td></tr>
</table>
</div>
</form>
</body>
</html>

winform动态添加控件显示排列 选中一个分类后,在panel控件中动态添加图片和文字,跟桌面上的图标一样。

未选前不确定有多少个图片,还有要排序,谢谢

参考技术A

首先控件的排序你可以交给控件来做,选一个flowLayoutPanel,控件扔下去就自动排序了。第二你的控件是不是自定义的,如果是自定义的控件,给click参数里面赋上你要显示的属性。将所有控件都动态生成在一个事件里面,通过属性再给外面赋值。

            for (int i = 0; i < 10; i++)
            
                Button b = new Button();
                this.Controls.Add(b);
                b.Click += b_Click;
            
            void b_Click(object sender, EventArgs e)
            
                //throw new NotImplementedException();
                Button b = (Button)sender;
                MessageBox.Show(b.Text);
            

给你个简单的例子照着改改就好了。

追问

picbox 和 labal

以上是关于点击按钮在panel中动态添加label控件的主要内容,如果未能解决你的问题,请参考以下文章

C# winform动态添加控件获取值问题

js动态添加带WdatePicker日期控件的文本框

C#winform动态添加控件

用Jquery的append事件动态添加控件,点击添加时会清空原来动态控件中的值。是啥原因?

C# WinForm 动态添加-删除控件内存未释放

winform怎么动态生成多个panel控件,并且生成两个控件换一行呢?