如何将控件绑定到 WPF 列表视图列

Question

我是 WPF 新手，所以如果我错过了一些明显的东西，请原谅我，

我有以下列表视图控件（为简洁起见，删除了不相关的详细信息）

<ListView>
  <ListView.View>
    <GridView>
      <GridViewColumn Header="Type" DisplayMemberBinding="{Binding Type}"/>
      <GridViewColumn Header="Details" DisplayMemberBinding="{Binding Details}"/>
    </GridView>
  </ListView.View>
</ListView>

我在代码后面将项目添加到此列表视图

public void Add(LogEntry entry)
{
  ListViewItem item = new ListViewItem();
  item.Content = entry;
  listView.Items.Add(item);
}

，其中 LogEntry 具有“Type”的公共字符串属性”和“细节”

到目前为止，一切都很好，一切都很好，但是.. 我希望我的详细信息属性本身就是一个元素（包含各种类型内容的 TextBox 或 DockPanel） 如何将此元素绑定到列表列？

使用上面的代码，将“详细信息”更改为元素，我只需在列表框中获取类名称（例如 System.Windows.Control.TextBox），因为默认情况下单元格显示属性的 ToString() 值。 我在谷歌上搜索了使用 DataTemplate 的示例，但找不到将元素绑定到面板内容的示例。 控件无法在 xaml 中定义，因为它的结构和内容直到运行时才知道

绑定是一种方式（我只需要显示列表，不需要更新底层数据结构）

为了使我的问题更清楚，我想绑定以下内容列表项

class LogEntry
{
  public string Type {get;}
  public DockPanel Details {get;} // This dock panel was created by code and contains
                                  // various elements not predictable at compile time
}

Answer 1

您的模型（LogEntry 类）不应引用 UI 控件。相反，它应该包含 UI 所需的数据，并且 XAML 应该定义使用该数据的 DataTemplate。例如，

public class LogEntry
{
  public string Type {get;}
  public ObservableCollection<IDetail> Details {get;}
}

<DataGridTemplateColumn Header="Details">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <DockPanel>
                <ItemsControl ItemsSource="{Binding Details}" />
            </DockPanel>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

您提到 LogEntry 中的 DockPanel 创建了运行时未知的项目。你能举个例子吗？在大多数情况下，数据中应该有某种模式，并且可以使用 DataTemplates 来定义如何绘制每个细节部分。

<DataTemplate DataType="{x:Type local:LoginDetail}}">
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding CreatedDate}" />
        <TextBlock Text="{Binding UserName}" />
        <TextBlock Text="{Binding MachineLoggedIn}" />
    </StackPanel>
</DataTemplate>

<DataTemplate DataType="{x:Type local:LogoutDetail}}">
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding CreatedDate}" />
        <TextBlock Text="{Binding UserName}" />
        <TextBlock Text="{Binding LoggedInTime}" />
    </StackPanel>
</DataTemplate>

如果您确实需要在模型中存储控件，那么您可以在 DataGridTemplateColumn 中使用 ContentControl 并将其 Content 设置为等于详细信息

<ContentControl Content="{Binding Details}" />

Answer 2

抱歉，我不能给你一个确切的答案，因为我没有 VS，我现在在这里，但有一些提示。

首先，您不想使用您的方法添加 Listview 项目，而是希望使用您的数据创建 ObservableCollection。然后您可以将列表视图的 itemssource 绑定到 observableCollection。

接下来，您可以为包含所需控件的列表视图创建一个项目模板，非常简单的事情就像具有水平方向和两个文本框的堆栈面板。

完成此操作后，因为您已将列表视图的 itemsource 设置为 ObservableCollection，所以您只需将文本框绑定到集合中的 String 属性即可。

请注意，ObservableCollection 比 List 更适合绑定，因为 ObservableCollection 支持 NotifyPropertyChanged()。

Answer 3

我已将您的代码复制到一个新项目中，并创建了相同的列表视图，这里是代码。这个可以正常工作并正确显示数据

XAML：

 <ListView x:Name="MyList" ItemsSource="{Binding MyListDetails}">
    <ListView.View>
      <GridView>
         <GridViewColumn Header="Type" DisplayMemberBinding="{Binding Firstname}"/>
         <GridViewColumn Header="Details" DisplayMemberBinding="{Binding Lastname}"/>
      </GridView>
 </ListView.View>

ViewModel：

 private List<Contact> _details= new List<Contact>();;
    public List<Contact> MyListDetails
    {
        get
        {
            return _details;
        }
        set
        {
            _details = value;
            this.RaisePropertyChanged("MyListDetails");
        }
    }

 public void AddEntry(LogEntry entry)
 {
   MyListDetails.Add(entry);
 }