如何将控件绑定到WPF ListView列中

Question

如何将控件绑定到WPF ListView列中

3

我是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"和"Details"

到目前为止，一切都很好，但是... 我希望我的Details属性本身就是一个元素（TextBox或DockPanel包含不同类型的内容）我该如何将此元素绑定到列表列?

使用上述代码，将“Details”更改为元素后，我只会在列表框中得到类名（例如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
}

- Taoist

3个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nivid Dholakia · Answer 1

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

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

- Rachel · Answer 2

你的模型，即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}" />

- Purplegoldfish · Answer 3

抱歉，我无法给你一个确切的答案，因为我现在所在的地方没有VS，但是我可以给你一些指针。

首先，你需要创建一个ObservableCollection来存储你的数据，而不是使用你的方法来添加Listview项。然后，你可以将listview的itemssource绑定到observableCollection。

接下来，你可以为listview创建一个itemtemplate，其中包含你想要的控件，比如一个水平方向的stack panel和两个文本框。

一旦你完成了这些步骤，因为你已经将listview的itemsource设置为ObservableCollection，你只需要将文本框绑定到你集合中的字符串属性即可。

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