1

我试图弄清楚如何对 ListView 进行双向数据绑定。从 MVC 到 Web 窗体应用程序，我正在努力解决如何做到这一点。

我创建了一个视图模型结构，它表示 SharePoint 应用程序中的嵌套层次结构。我希望对我的视图模型进行双向绑定，然后我可以将其转置到我的 SharePoint 数据源中：

Line of Business
  Solution Line
    Product Code (user can "check" if the product code should be applied)

查看模型层次结构：

 public class AddCustomerViewModel
    {
        public IList<LineOfBusinessViewModel> LinesOfBusiness { get; set; }

        public AddCustomerViewModel()
        {
            LinesOfBusiness = new List<LineOfBusinessViewModel>();
        }
    }

public class LineOfBusinessViewModel
{
    public string Title { get; set; }
    public IList<SolutionLineViewModel> SolutionLines { get; set; }

    public LineOfBusinessViewModel()
    {
        SolutionLines = new List<SolutionLineViewModel>();
    }
}

public class SolutionLineViewModel
{
    public string Title { get; set; }
    public IList<ProductCodeViewModel> ProductCodes { get; set; }

    public SolutionLineViewModel()
    {
        ProductCodes = new List<ProductCodeViewModel>();
    }
}

public class ProductCodeViewModel
{
    public string Title { get; set; }
    public bool IsChecked { get; set; }
}

ASPX 页面：

<asp:ListView ID="LineOfBusinessListView" ClientIDMode="Static" runat="server" ItemType="ViewModel.AddCustomer.LineOfBusinessViewModel" ItemPlaceholderID="lobPlaceHolderId">
<LayoutTemplate>                    
    <ul>
        <asp:PlaceHolder runat="server" ID="lobPlaceHolderId"></asp:PlaceHolder>
    </ul>                    
</LayoutTemplate>
<ItemTemplate>
    <li>
        <%# Item.Title %>
        <asp:ListView ID="SolutionLinesView" ClientIDMode="Static" runat="server" DataSource="<%# Item.SolutionLines %>" ItemType="ViewModel.AddCustomer.SolutionLineViewModel" ItemPlaceholderID="solutionLinePlaceHolderId">
            <LayoutTemplate>                                
                <ul>
                    <asp:PlaceHolder runat="server" ID="solutionLinePlaceHolderId"></asp:PlaceHolder>
                </ul>
            </LayoutTemplate>
            <ItemTemplate>
                <li>
                    <%# Item.Title %>
                    <asp:ListView ID="ProductCodeView" ClientIDMode="Static" runat="server" DataSource="<%# Item.ProductCodes %>" ItemType="ViewModel.AddCustomer.ProductCodeViewModel" ItemPlaceholderID="productCodePlaceHolderId" OnDataBinding="ProductCodeView_DataBinding">
                        <LayoutTemplate>
                            <ul>
                                <asp:PlaceHolder runat="server" ID="productCodePlaceHolderId"></asp:PlaceHolder>
                            </ul>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <li>
                                <%# Item.Title %>
                                <asp:CheckBox ID="productCode" Checked="<%# BindItem.IsChecked %>" runat="server" />
                            </li>
                        </ItemTemplate>
                    </asp:ListView>
                </li>
            </ItemTemplate>
        </asp:ListView>
    </li>
</ItemTemplate>

代码背后：

protected AddCustomerViewModel AddCustomerViewModel { get; set; }

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        AddCustomerViewModel = new AddCustomerViewModel();

        // Construct view model heiarchy...

        LineOfBusinessListView.DataSource = AddCustomerViewModel.LinesOfBusiness;
        LineOfBusinessListView.DataBind();
    }
}

如何正确地将视图模型双向绑定到嵌套的 ListViews（单向绑定正在工作），以及如何在回发/表单提交时检索这些绑定值？

编辑： 我注意到的一件尴尬的事情是，为了BindItem用于复选框元素，我需要定义一个 ID。但是，这些项目是动态的，因此无法定义“静态”ID，而且我不确定如何动态设置 ID。

ASP.NET Web 窗体 4.5，c#

4

1 回答 1

0

我找不到一个直接的答案。可以解析Request.form.Allkeys以获取发布的名称/值对，但这变得非常多毛，非常快。

对于我们的解决方案，由于这是一个“绿色”项目，我们最终将服务器端网络调用切换到 .NET Web API 2，这确实简化了绑定。

于 2016-09-23T14:14:21.247 回答