点击按钮在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>
在页面的<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>
温馨提示：内容为网友见解，仅供参考
第1个回答 2019-08-09
比较简单的
只是每一次回送就多添加一个
只是每一次回送就多添加一个
第2个回答 2009-01-07
在load里面加条件判断
if(!ispostback)
{
//添加label
}
if(!ispostback)
{
//添加label
}
第3个回答 2009-01-07
刷新后还有？
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;
}
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;
}
第4个回答 2019-01-23
实现这个功能的方法很多，如果用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>
在页面的<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>
相似回答
