动态创建的checkbox,radionbutton在页面回传时如何保存下来？

wcqgm 2006-08-23 06:35:50
各位仁兄，小弟用asp.net2.0做一程序，页面中有一个下拉框（值固定），根据下拉框选择值不同，动态地创建一些checkbox,radionbutton，同时也会对这些动态的控件做一些改变。请问在页面回传时，如何使这些动态的控件保存下来（包括其值，有可能在创建后被改变）。我在网上找了一些，好像用SaveViewState和LoadViewState，但是好像其改变的值无法保存下来。请问哪位大哥能帮忙解决一下。谢谢！！！分不够我再开！
...全文
506 28 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
28 条回复
切换为时间正序
请发表友善的回复…
发表回复
szh3210 2006-10-31
  • 打赏
  • 举报
 回复
学习了
cat_hsfz 2006-08-25
  • 打赏
  • 举报
 回复
我用简略的方式写代码给你算了：

Page_Load()
{
if (!IsPostBack)
{
ViewState["IsTextBoxCreated"] = false;
}
if ((bool)ViewState["IsTextBoxCreated"])
{
CreateTextBox();
}
}

CreateTextBoxButton_Click()
{
if (!(bool)ViewState["IsTextBoxCreated"])
{
CreateTextBox();
ViewState["IsTextBoxCreated"] = true;
}
}

CreateTextBox()
{
//这里是创建一个TextBox并添加到Page.Controls的函数
//需要为此TextBox的有关属性赋值，特别是ID属性。
}
cat_hsfz 2006-08-24
  • 打赏
  • 举报
 回复
如果楼主还是不明白，建议看看创建数据控件的教程，例如MSDN里的，不过我更推荐Wrox的《ASP.NET服务器控件高级编程》。实际上数据控件（从简单的Repeater到复杂的GridView）都涉及到动态创建控件，数据控件中每一个DataItem相关的控件都是动态创建的，只不过不是在Button_Click首次创建而是在DataBind首次创建，之后都是在Load时候进行“恢复创建”。
lolenboy 2006-08-24
  • 打赏
  • 举报
 回复
用HIDDEN 对象（<input id="hid_Length" value="0" type="hidden" style="width: 10px" />
） 保存 你要的值，后台没什么代码，这些就是动态生成控件的一些JS， 你运行看看！

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm3.aspx.cs" Inherits="test_WebForm3" %>

<!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">
var flag=true
function scrollStart(object,offset)
{
object.scrollLeft+=offset;
if (flag) timeID=window.setTimeout("scrollStart("+object.id+","+offset+")",10);
}
function scrollStop()
{
flag=false;
window.clearTimeout(timeID);
flag=true;
}

//增加
function f_Add()
{
if(parseInt(document.all("hid_Number").value)<=0)
{
document.all("hid_Number").value = 1;
}
Layer1.scrollLeft = parseInt(document.all('hid_Length').value)-50;
var newButton = document.createElement("<input style=\"width:50px\" id='btn"+document.all("hid_Number").value+"' type='button' value='btn"+document.all("hid_Number").value+"' onclick=\"f_SetNuber('"+ document.all("hid_Number").value +"')\" />");
newTD.appendChild(newButton);
document.all("hid_Number").value = parseInt(document.all("hid_Number").value)+1;
Layer1.scrollLeft += 50;
document.all('hid_Length').value = parseInt(document.all('hid_Length').value)+50;
}

//删除
function f_Delete()
{
Layer1.scrollLeft = parseInt(document.all('hid_Length').value)-150;
document.all("hid_Number").value = parseInt(document.all("hid_Number").value)-1;
if(document.getElementById("btn"+document.all("hid_Number").value))
{
newTD.removeChild(document.getElementById("btn"+document.all("hid_Number").value));
}
else
{
for ( var i = 50 ; i > 0;i-- )
{
if(document.getElementById("btn"+i))
{
document.all("btn"+i).focus();
newTD.removeChild(document.getElementById("btn"+i));
break;
}
}
}
document.all('hid_Length').value = parseInt(document.all('hid_Length').value)-50;
}

function f_SetNuber(Number)
{
document.all("hid_Number").value = parseInt(Number)+1;
}

</script>

<style type="text/css">

body,td,th {
font-size: 12px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td>
<input id="btn_Add" onclick="f_Add()" type="button" value="增加" />
<input id="btn_Delete" onclick="f_Delete()" type="button" value="删除" />　
</td>
</tr>
</table>
<table width="160" height="24" bgcolor="#FFCC00" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<b>最新消息</b></td>
<td width="20" align="center" valign="middle">
<img src="up.gif" alt="向左" width="16" height="16" onmouseout="scrollStop()" onmouseover="scrollStart(Layer1,-1)"
style="cursor: hand"></td>
<td width="20" align="center" valign="middle">
<img src="down.gif" alt="向右" width="16" height="16" onmouseout="scrollStop()" onmouseover="scrollStart(Layer1,1)"
style="cursor: hand"></td> <td width="20" align="center" valign="middle">
</td>
</tr>
</table>
<table width="160" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFF99">
<tr>
<td style="height: 25px">
<div id="Layer1" style="position: absolute;overflow: hidden; z-index: 1; width: 160px;
height: 25px;">
<table width="160" border="1" cellpadding="0" cellspacing="0" class="login" style="height: 25px">
<tr>
<td id="newTD" valign="top">
</td>
</tr>
</table>
</div>


</td>
</tr>
</table>
<input id="hid_Number" value="1" type="hidden" style="width: 10px" />
<input id="hid_Length" value="0" type="hidden" style="width: 10px" />
<input id="hid_AddIndex" value="0" type="hidden" style="width: 10px" />
<input id="hid_DeleteIndex" value="0" type="hidden" style="width: 10px" />
</form>
</body>
</html>
wcqgm 2006-08-24
  • 打赏
  • 举报
 回复
还有各位，我用的是VS.net2005，可能与VS.net2003有区别，所以我的结果与大家的结果可能有差别。
wcqgm 2006-08-24
  • 打赏
  • 举报
 回复
谢谢各位，小弟现在来好好研究各位的意见。
xuwei 2006-08-23
  • 打赏
  • 举报
 回复
动态创建控件应该在Page_Init()完成。
这样的好处是在Page_Load()中控件tb的值已经处理了回发，也就是说tb的值已经更新了,你直接存取就可以了.
因为Page_Init()之后就是处理回发的事件，
你可以在<%@ page %>中加入trace="true",
这样事件的先后顺序就一目了然。

例：(凭记忆手写的，原理应没错吧）
void Page_Init()
{
TextBox tb = new TextBox();
tb.ID = "tb!";
tb.Text = "abcd";
}

void Page_Load()
{
if(IsPostBack)//你会发现tb.Text是你在浏览器中输入的值。
//因为tb.Text的值已经由系统处理好了。
{
Response.Write(tb.Text);
}
else
{
//其他初始化数据。
}
}
erwanfan 2006-08-23
  • 打赏
  • 举报
 回复
由于动态创建的控件在页面回传的时候无法保存，故需要用ViewState保存其信息，在创建的时候增加代码
Dim ckb As New CheckBox
ckb.ID = "ckb1"
ckb.Attributes("onclick") = "javacript:document.all.hidden1.value=document.all.ckb1.checked; alert(document.all.hidden1.value);"
Panel1.Controls.Add(ckb)

Dim a(2) As String
a(0) = "CheckBox"
a(1) = "ckb1"
ViewState("Ckb") = a
上面的代码增加了一个隐藏域，用来通过点击动态创建的CheckBox的Checked值。
前台加<input type="hidden" id="hidden1" runat="server">
后台加Protected WithEvents Button1 As System.Web.UI.WebControls.Button

然后再页面的PageLoad中加入
Dim a(3) As String
a = ViewState("Ckb")
a(2) = hidden1.Value
ViewState("Ckb") = a

If a(0) = "CheckBox" Then
Dim ckb As New CheckBox
ckb.ID = a(1)
ckb.Checked = CBool(a(2))
Panel1.Controls.Add(ckb)
End If
由隐藏域的值来获得回传前CheckBox的值，并通过ViewState来重新创建CheckBox，并赋值。

cat_hsfz 2006-08-23
  • 打赏
  • 举报
 回复
可能你没有理解我的意思，按照我那样做控件是能够正常取到最新PostBack的值的。

关键的地方，是在Page_Load中检查ViewState并之前因为控件事件而创建控件的过程，由于创建控件的过程提前到了Page_Load，所以在进行第二次LoadPostData时这批控件将能够成功的加载本次PostBack回来的值。

只有第一次动态创建是在Button_Click中发生，之后的都是在Page_Load中发生，这是重点。
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
你会发现 虽然每次页面都给text赋值了。。
可是你却可以获得改变的那个文本里的值
仔细去想想这是为什么：）
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
代码这么写
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
TextBox txt = new TextBox();
txt.ID = "ckb1";
txt.Text = "44";
this.Panel1.Controls.Add(txt);
}

private void Button1_Click(object sender, System.EventArgs e)
{
TextBox txt = (TextBox)this.FindControl("ckb1");
string a = txt.Text;
Response.Write("a");
}
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
我明白你的意思。 可是你不妨一试。
你会很神奇的发现。。 虽然PageLoad再次赋值，可赋值无效
取得的是你想要的传过来的那个值 呵呵
wcqgm 2006-08-23
  • 打赏
  • 举报
 回复
好了。各位，明天再来解决。谢谢！
wcqgm 2006-08-23
  • 打赏
  • 举报
 回复
to楼上的
asp.net2.0的回传规则是最后执行button的单击事件。你好好想想！！！
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
要把动态创建控件的代码放在 PageLoad里。。
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
获取到了控件ID而且找到了控件怎么会无法获取值呢？
wcqgm 2006-08-23
  • 打赏
  • 举报
 回复
to:redwolf_123(雨恨云愁)
你说的在button_click事件中，这时页面已经回传了，动态创建的控件已经不在了，如果你不相信你可以试一试。谢谢各位！！！
wcqgm 2006-08-23
  • 打赏
  • 举报
 回复
楼上的：
谢谢你，这种方式效率很低，其中还有一个问题没有解决，就是我说的如果checkbox或radiobutton的值改变了（指的是重新选择了）无法获得。
cat_hsfz 2006-08-23
  • 打赏
  • 举报
 回复
背后的原理参考这里，我懒得再打一次了：
http://cathsfz.sitesled.com/2006/04/loadpostdata.htm

解决方案：
1.在动态更改控件创建的代码里（例如第一次创建控件的代码里），不仅仅要创建控件，还要将控件的多少、名称保存到ViewState里面。例如创建了5个checkbox，而这5个checkbox名称按顺序为checkbox0到checkbox4，那么你保存5就行了。但如果5个checkbox的名称完全没联系的，那就要把他们的名称也保存到ViewState里。
2.在Page_Load里面，检测ViewState，然后根据ViewState的值创建相同的控件。例如上面的第一种情况，拟从ViewState读取到一个5出来，那就动态创建checkbox0到checkbox4，并且确保它们在控件树的位置与原来一致，那就行了。在LoadPostData的过程完了之后，这些控件会自动加载回PostBack回来的值，因为它们和上一次创建的空间有同样的UniqueID。
redwolf_123 2006-08-23
  • 打赏
  • 举报
 回复
上面的语法错误我就没纠正了。。
加载更多回复（7）
C# Winform动态创建CheckBox
动态创建CheckBox时，长度有默认值，需要把AotuSize属性设置为true，才能显示全文本内容 CheckBox cb = new CheckBox(); cb.AutoSize = true; cb.Text = l...
如何动态创建checkbox
复选框是一个文字方块，文字通常出现在复选框的右边（如果您在建立按钮时指定了BS_LEFTTEXT样式，那么文字会出现在左边；您也许将用BS_RIGHT直接调整文字来组合此样式）。复选框通常用于允许使用者对选项进行选择的应用程序中。复选框的常用功能如同一个开关：单击框一次将显示勾选标记，再次单击清除勾选标记。 复选框最常用的两种样式是BS_CHECKBOX和BS_AUTOCHECKBOX。在使用
利用XML布局文件动态创建CheckBox
要动态创建CheckBox,一个比较好的考虑是： 单纯考虑设置组件的属性，XML布局文件无疑是最简单的方法。可以在XML布局文件中先配置一个或若干CheckBox，然后以这些配置为模板来动态创建CheckBox对象 这里先 定义一个String 数组，数组元素表示CheckBox的文本，然后根据String数组的元素个数来创建CheckBox对象 步骤如下: 1.  使用getLayout
Dojo动态创建CheckBox
在某些情况下，我们需要动态的创建CheckBox，以满足我们对编程的需要。尽管Dojo官方也提供了一些Demo，但当Dojo的版本不断升级，而Dojo的Demo却依然停留在历史版本中，我们对此感到的是相当的头痛。尽管那些Demo简单，但是却不实用。因为他们只是为了达到易用的目的，而不是实用与扩充性。下面我们就来看一下，我们在项目中应该如何动态创建CheckBox。      尽管dijit.fo
根据数据库动态创建CheckBox
根据数据库动态创建CheckBox 现在的网页都是越做越活，恨不得所有的网页内容都是动态生成可控制的，当然好处是大大的有，维护好维护，同时也是对用户负责，满足用户不同的需求。当然这么做就是前期代码可能难写一点，但是做的灵活了，后期维护简直就是要爽爆了。          我现在做的一个项目就要求前台的checkbox 是根据数据库表中的字段动态生成的，而且还要基本样式可控制。        
.NET社区

62,243

社区成员

668,998

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章