ASP.NET 中的两种方式数据绑定

Question

假设我们有一个对象，

class Entity
{
    public string ID {get; set;}
    public string Name {get; set;}
}

我想将属性绑定到页面上的两个文本框，如下所示：

<asp:FormView ID="FormView" runat="server">
  <ItemTemplate>
    <asp:textbox ID="TextId" Text='<%# Bind("ID") %>'/>
    <asp:textbox ID="TextId" Text='<%# Bind("Name") %>'/>
  </ItemTemplate>
</asp:FormView>

然后在后面的代码中编写此

public EntityObject
{
    get { return ViewState["Entity"] as Entity; }
    set { ViewState["Entity"] = value; }
}

protected override void OnInit(EventArgs e)
{
    if (EntityObject== null)
        EntityObject= new EntityObject();

    FormView.DataSource = new[] { EntityObject };
    FormView.DataBind();
    base.OnInit(e);
}

内容当我在文本框中输入值时，我希望 EntityObject 在回发后重新加载页面时在属性中包含这些值，但属性始终为空。

Answer 1

遗憾的是，ASP.NET 不支持与 .net 对象的双向绑定...
相反，您可以在每次回发时使用类似“手动绑定”的内容（此处 AddIncomeSources 是 RepeaterControl）

public List<Income> AdditionalIncomeList 
{
    get { return ViewState["AdditionalIncome"] as List<Income>; }
    set { ViewState["AdditionalIncome"] = value; }
} 

foreach (RepeaterItem item in AddIncomeSources.Items)
{
    var amount = (TextBox)item.Controls.Cast<Control>().First(c => c.ID == "Amount");
    var document = (DropDownList)item.Controls.Cast<Control>().First(c => c.ID == "Document");
    AdditionalIncomeList[item.ItemIndex].Amount = amount.Text.ToDouble();
    AdditionalIncomeList[item.ItemIndex].IncomeDocument = document.SelectedValue;
}

AddIncomeSources.DataSource = AdditionalIncomeList;
AddIncomeSources.DataBind();

Answer 2

在 OnInit 中，您总是将其设为 null.. 删除这些代码并保留在页面加载中。.

只需要在第一次绑定，而不是在所有回发中绑定。

页面加载()
{

if(!Page.IsPostBack)
{
     if (EntityObject== null) 
            EntityObject= new EntityObject(); 

        FormView.DataSource = new[] { EntityObject }; 
        FormView.DataBind(); 
 }

}

Answer 3

这里的问题是你正在尝试创建动态控制。

你可以在.aspx页面中使用gridview控件并绑定数据，它默认具有viewstate而不是你的。

无论如何web是无状态的，我们应该通过ViewState或Session或Application保留数据。您也可以将其保留在缓存中，但不可靠（我们可以使其实用可靠）。大多数 .NET 控件都内置了 ViewState。

Answer 4

对于那些寻找的人，我制作了这个 javascript 插件。它的数据绑定功能与 WPF 的功能非常接近，并且易于使用。它在 .txt 文件中附加了文档

https://github.com/jdemeuse1204/ObjectDataBinding

这是一个我的绑定之一的示例 激活

<input runat="server" class="popoutEditInput" style="width: 50px;" data-bind="path: Quote" />

您调用

$("#yourelementname").observe(yourobject, 'yourbindingname');

获取对象以进行保存或其他操作

var object = $("#yourelementname").getObserveObject('yourbindingname');

Answer 5

我为此创建了一个解决方案。

https://www. codeproject.com/Articles/146078/WPF-Two-way-Databinding-in-ASP-NET-Enabling-MVVM

或 github：

https://github.com/Recodify/mvvm-4-asp-webforms