如何将控件绑定到 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 具有“类型”和“详细信息”的公共字符串属性

到目前为止，一切都很好，一切都很好，但是.. 我希望我的 details 属性本身是一个元素（包含各种类型内容的 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 来定义如何绘制每个 Detail 片段。

<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。然后你可以将你的 listview 的 itemssource 绑定到 observableCollection。

接下来你可以为包含你想要的控件的列表视图创建一个itemtemplate，一些非常简单的东西就像一个水平方向和两个文本框的堆栈面板。

完成此操作后，因为您已将列表视图的 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>

视图模型：

 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);
 }