我有两个下拉列表,一个用于白天,一个用于夜晚。我还有两个按钮,一个按钮创建动态文本框,客户可以在其中输入他们想在白天做的事情和在他们想过夜的地方。
例如,如果一个客户选择 4 天 4 夜,则在按下第一个按钮时将创建一个文本框。
当用户单击第二个按钮时,我想将所有这些值存储在数据库中,但我注意到在回发时字段丢失并且我没有要存储的数据。
如何在回发时从运行时创建的控件中获取值?
尽管在后面的代码中添加控件是“好的”,但它可能会在以后导致麻烦。编辑视图时也不是很好,并且您必须在代码隐藏中更改一堆代码。一种解决方案是使用数据绑定控件,例如Repeater 控件。这样,您可以在您的aspx文件中设计您的视图,并将编码留给 cs 文件。它还负责在使用回发时保存信息,因为它已经设置为使用控件的视图状态,这意味着您不必这样做。
因此,使用中继器,您的 aspx 可能看起来像这样。
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="RepeaterPage.aspx.cs" Inherits="ASPTest.RepeaterPage" %>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h1>Test</h1>
<div>
<asp:Button Text="Add textbox" ID="Button1" OnClick="OnAddItem" runat="server" />
<asp:Button Text="Read values" ID="Button2" OnClick="OnReadValues" runat="server" />
</div>
<div>
<asp:Label ID="values" runat="server"></asp:Label>
</div>
<asp:Repeater ID="listofvalues" runat="server">
<ItemTemplate>
<asp:HiddenField ID="ID" Value='<%# Eval("ID") %>' runat="server" />
<asp:TextBox ID="ValueBox" Text='<%# Server.HtmlEncode((string)Eval("Value")) %>' runat="server" />
</ItemTemplate>
</asp:Repeater>
</asp:Content>
请注意,我使用的是母版页,因此 Content 控件仅链接到母版页中的某个 ContentPlaceHolder。在这个aspx 页面中,您将看到repeater 控件中的itemtemplate 设置了显示值所需的所有设计。我们将在代码中看到这一点。
using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace ASPTest
{
public partial class RepeaterPage : Page
{
private List<Item> cache;
public List<Item> ItemValues
{
get
{
if (cache != null)
{
return cache;
}
// load values from database for instance
cache = Session["values"] as List<Item>;
if (cache != null)
{
return cache;
}
Session["values"] = cache = new List<Item>();
return cache;
}
}
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
listofvalues.DataBinding += bindValues;
}
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
if (!Page.IsPostBack)
{
DataBind();
}
}
protected void OnAddItem(object sender, EventArgs e)
{
ItemValues.Add(new Item("some value"));
DataBind();
}
protected void OnReadValues(object sender, EventArgs e)
{
foreach (RepeaterItem repeateritem in listofvalues.Items)
{
TextBox box = (TextBox)repeateritem.FindControl("ValueBox");
HiddenField idfield = (HiddenField)repeateritem.FindControl("ID");
Item item = findItem(idfield.Value);
item.Value = box.Text;
}
StringBuilder builder = new StringBuilder();
foreach (Item item in ItemValues)
{
builder.Append(item.Value).Append(";");
}
values.Text = builder.ToString();
}
private Item findItem(string idvalue)
{
Guid guid = new Guid(idvalue);
foreach (Item item in ItemValues)
{
if (item.ID == guid)
{
return item;
}
}
return null;
}
private void bindValues(object sender, EventArgs e)
{
listofvalues.DataSource = ItemValues;
}
}
public class Item
{
private readonly Guid id;
private string value;
public Item(string value)
{
this.value = value;
id = Guid.NewGuid();
}
public Guid ID
{
get { return id; }
}
public string Value
{
get { return value; }
set { this.value = value; }
}
}
}
对长代码示例感到抱歉,但我希望它是彻底的。您会看到我在 ItemValues 属性中引入了一个项目列表。您可以从任何地方加载值。我使用了 Session 集合,但如果需要,您可以从数据库或其他地方加载。
另外,请注意我们对视图的唯一了解是控件类型和控件 ID。没有描述应该如何添加或设置控件的代码,我们将其留给 aspx 页面。这在两者之间创建了一个简单的关注点分离。
相反,当我们想要添加TextBox时,我们改为添加数据项的新实例,即Item
类的实例。在 OnReadValues 方法中,我们可以更新绑定到中继器的数据项值,然后使用控件中的值或数据列表中项的值。
我希望这说明了如何使用 ASP.NET 创建动态页面,而无需在后面的代码中创建控件,因为如果您这样做,它并不是真正需要的。
您可以这样做:
protected void Page_Load(object sender, EventArgs e)
{
if (Session["testTextBox"] != null)
{
Request.Form[Session["testTextBox"].ToString()].ToString()
}
}
protected void Button1_Click(object sender, EventArgs e)
{
TextBox t = new TextBox { ID = "testTextBox" };
this.Form.Controls.Add(t);
Session["testTextBox"] = t.UniqueID;
}
如果您通过客户端调用添加文本框,则不需要存储 UniqueID。例如,Button1_Click 是按钮的回发方法。