wpf datagrid colum实际晶体不正确 - 等待observableCollection完成更新

Question

我有点问题。我有一个datagrid，其物品库是由观测值授予的。 （我正在创建一个小插件以进行修订）。

我的ObservableCollection包含一些在Revit进行选择时创建的元素。我的目标是创建一个带有文本框的stackpanel，其确实与已设置为自动的实际列的高度相同。

在以“正常”速度运行代码时，我会得到这样的结果：

当我调试整个过程时，它运行较慢，并且得到这样的结果（我想在没有调试模式的情况下获得）：

popup.DataGridSelectedObjects.UpdateLayout();
popup.DataGridSelectedObjects.Items.Refresh();
Thread.Sleep(2000)

public void AddRegexItemToStackpanel(string parameterName, DataGridColumn dc)
{
    TextBox printTextBlock = new TextBox();
    printTextBlock.Width = dc.ActualWidth;
    printTextBlock.Margin = new Thickness(0.5, 0, 0, 0);
    printTextBlock.Name = dc.Header.ToString().Replace("__", "_");

    StackRegexPanel.Children.Add(printTextBlock);
}

是否有任何方法可以等待观察力授权正确更新？

非常感谢 詹妮斯

Answer 1

您应该使用其他方法。使用数据绑定应该是最直观的。避免使用XAML的XAML可能会使生活大部分时间都变得更加困难，并且您的代码会开始闻到。

您的thread.sleep看起来也非常可疑。还应避免调用updateLayout（）和 items.refresh（）以提高性能。

更改数据源（observableCollection）已经触发了刷新，并在必要时是完整的布局通行证。无需第二次触发这两个。它只会使您的UI慢。

在下面您找到两个示例：静态，硬编码版本和一个更优雅，更具动态的版本（在其中自动添加文本框以匹配列计数）。
如果调整了列的大小（使用数据绑定时，则两个示例将自动调整每个TextBox的宽度（作为奖励）。这些示例还强调了WPF中数据结合的效率。避免数据绑定和XAML时，代码总是会变得臭和过于复杂。

要制作textbox以遵循其各自列的宽度，只需使用数据绑定：

<StackPanel Orientation="Horizontal">
  <TextBox Width="{Binding ElementName=Table, Path=Columns[0].ActualWidth}"
           Margin="0.5,0,0,0" />
  <TextBox Width="{Binding ElementName=Table, Path=Columns[1].ActualWidth}"
           Margin="0.5,0,0,0" />
  <TextBox Width="{Binding ElementName=Table, Path=Columns[2].ActualWidth}" 
           Margin="0.5,0,0,0" />
</StackPanel>

<DataGrid x:Name="Table" />

为了使其动态，只需使用itemscontrol即可配置为水平显示其项目：

<ItemsControl ItemsSource="{Binding ElementName=Table, Path=Columns}">
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <StackPanel Orientation="Horizontal" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>

  <ItemsControl.ItemTemplate>
    <DataTemplate DataType="{x:Type DataGridColumn}">
      <TextBox Width="{Binding ActualWidth}"
               Margin="0.5,0,0,0" />
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

<DataGrid x:Name="Table" />

在这两种情况下，您都应实现ivalueconverter以从double转换为厚度（对于Margin）并绑定第一个示例的stackpanel.margin iteg> itemscontrol.margin在datagrid.rowheaderacheractualwidth属性> 的属性属性>用于调整行header的属性（正确对齐文本框）。

---

因为您提供了更多信息，所以我认为需要删除或调整我的答案：

要动态更改列计数，您应该始终将DataTable用作数据源。我添加了一种扩展方法，该方法将集合转换为DataTable，以防万一。

由于textbox元素旨在根据其关联的列过滤，因此我建议修改datagrid.columnheaderstyle以将textbox添加到列标题。这将更加方便，因为textbox现在将自动调整和移动（如果列拖动）。

列的textbox将绑定到observableCollection of String> String> String VALUTION（filter Expressions），其中每个项目的索引直接映射到列索引。处理colectionChanged事件允许处理textbox输入。

mainwindow.xaml.cs

partial class MainWindow : Window
{public ObservableCollection<string> FilterExpressions
  {
    get => (ObservableCollection<string>)GetValue(FilterExpressionsProperty);
    set => SetValue(FilterExpressionsProperty, value);
  }

  public static readonly DependencyProperty FilterExpressionsProperty = DependencyProperty.Register(
    "FilterExpressions", 
    typeof(ObservableCollection<string>), 
    typeof(MainWindow), 
    new PropertyMetadata(default));

  public DataTable DataSource
  {
    get => (DataTable)GetValue(DataSourceProperty);
    set => SetValue(DataSourceProperty, value);
  }

  public static readonly DependencyProperty DataSourceProperty = DependencyProperty.Register(
    "DataSource", 
    typeof(DataTable), 
    typeof(MainWindow), 
    new PropertyMetadata(default));

  // Example data models to show 
  // how to convert the collection to a DataTable
  private List<User> Users { get; }

  public MainWindow()
  {
    InitializeComponent();

    this.FilterExpressions = new ObservableCollection<string>();
    this.FilterExpressions.CollectionChanged += OnFilterExpressionsChanged;
      
    this.Users = new List<User>();
    for (int index = 0; index < 500; index++)
    {
      this.Users.Add(new User());
    }

    this.DataSource = this.Users.ToDataTable();
  }

  private void OnFilterExpressionsChanged(object? sender, NotifyCollectionChangedEventArgs e)
  {
    string changedFilterExpression = e.NewItems.Cast<string>().First();
    int columnIndexOfchangedFilterExpression = e.NewStartingIndex;

    // TODO::Handle filter expressions
  }

  // Example on how to modify the column count
  private void AddColumnToDataTable()
  {
    // If only using a DataTable
    this.DataSource.Columns.Add(new DataColumn("Column name", typeof(string)));

    // If underlying data source is a collection, then
    // add new data models and call extension method ToDataTable
    var newItemsWithAdditionalProperties = new List<object>();
    this.DataSource = newItemsWithAdditionalProperties.ToDataTable();
  }
}

mainwindow.xaml
示例以显示如何修改列标题以添加textbox以及如何使用附件行为。 datagrid现在绑定到DataTable，以便动态添加/删除列。

<Window>
  <DataGrid ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=DataSource}"
            local:DataGridColumnFilter.FilterValues="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=FilterExpressions}">
    <DataGrid.Resources>
      <Style x:Key="ColumnHeaderGripperStyle"
              TargetType="{x:Type Thumb}">
        <Setter Property="Width"
                Value="8" />
        <Setter Property="Background"
                Value="Transparent" />
        <Setter Property="Cursor"
                Value="SizeWE" />
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type Thumb}">
              <Border Background="{TemplateBinding Background}"
                      Padding="{TemplateBinding Padding}" />
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </DataGrid.Resources>

    <DataGrid.ColumnHeaderStyle>
      <Style TargetType="{x:Type DataGridColumnHeader}">
        <Setter Property="VerticalContentAlignment"
                Value="Center" />
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
              <Grid>
                <Border x:Name="columnHeaderBorder"
                        BorderThickness="1"
                        Padding="3,0,3,0">
                  <Border.BorderBrush>
                    <LinearGradientBrush EndPoint="0.5,1"
                                          StartPoint="0.5,0">
                      <GradientStop Color="LightGray"
                                    Offset="0" />
                      <GradientStop Color="DarkGray"
                                    Offset="1" />
                    </LinearGradientBrush>
                  </Border.BorderBrush>
                  <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1"
                                          StartPoint="0.5,0">
                      <GradientStop Color="wHITE"
                                    Offset="0" />
                      <GradientStop Color="SkyBlue"
                                    Offset="1" />
                    </LinearGradientBrush>
                  </Border.Background>
                  <StackPanel>
                    <TextBox x:Name="PART_FilterInput"
                              Width="{TemplateBinding Width}" />

                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                  </StackPanel>
                </Border>

                <Thumb x:Name="PART_LeftHeaderGripper"
                        HorizontalAlignment="Left"
                        Style="{StaticResource ColumnHeaderGripperStyle}" />
                <Thumb x:Name="PART_RightHeaderGripper"
                        HorizontalAlignment="Right"
                        Style="{StaticResource ColumnHeaderGripperStyle}" />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
        <Setter Property="Background">
          <Setter.Value>
            <LinearGradientBrush EndPoint="0.5,1"
                                  StartPoint="0.5,0">
              <GradientStop Color="White"
                            Offset="0" />
              <GradientStop Color="DeepSkyBlue"
                            Offset="1" />
            </LinearGradientBrush>
          </Setter.Value>
        </Setter>
      </Style>
    </DataGrid.ColumnHeaderStyle>
  </DataGrid>
</Window>

datagridcolumnfilter.cs
附加行为以映射textbox列标题的元素到集合（数据源） - 方向是一种方式，更新是在textbox.lostfocus上发送的。

我的建议是扩展datagrid，以摆脱这种附带的行为，并为控制处理增加更多便利性。

如果仅与视图相关（通常是这种情况），即您不打算根据过滤修改数据源，我建议将过滤逻辑移动到附加的行为（或扩展datagrid）。这将使您的模型保持清洁。

public class DataGridColumnFilter : DependencyObject
{
  public static IList<string> GetFilterValues(DependencyObject obj) => (IList<string>)obj.GetValue(FilterValuesProperty);
  public static void SetFilterValues(DependencyObject obj, IList<string> value) => obj.SetValue(FilterValuesProperty, value);

  public static readonly DependencyProperty FilterValuesProperty = DependencyProperty.RegisterAttached(
    "FilterValues",
    typeof(IList<string>),
    typeof(DataGridColumnFilter),
    new PropertyMetadata(default(IList<string>), OnFilterValuesChanged));

  private static Dictionary<TextBox, int> GetIndexMap(DependencyObject obj) => (Dictionary<TextBox, int>)obj.GetValue(IndexMapProperty);
  private static void SetIndexMap(DependencyObject obj, Dictionary<TextBox, int> value) => obj.SetValue(IndexMapProperty, value);

  private static readonly DependencyProperty IndexMapProperty = DependencyProperty.RegisterAttached(
    "IndexMap",
    typeof(Dictionary<TextBox, int>),
    typeof(DataGridColumnFilter),
    new PropertyMetadata(default));

  private static Dictionary<DataGridColumnHeadersPresenter, DataGrid> DataGridMap { get; } = new Dictionary<DataGridColumnHeadersPresenter, DataGrid>();

  private static void OnFilterValuesChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
    if (d is not DataGrid dataGrid)
    {
      return;
    }

    if (!dataGrid.IsLoaded)
    {
      dataGrid.Loaded += OnDataGridColumnsGenerated;
    }
    else
    {
      Initialize(dataGrid);
    }
  }

  private static void OnDataGridColumnsGenerated(object? sender, EventArgs e)
  {
    var dataGrid = sender as DataGrid;
    Initialize(dataGrid);
  }

  private static void Initialize(DataGrid dataGrid)
  {
    DataGridColumnHeadersPresenter headerPresenter = dataGrid.FindVisualChildren<DataGridColumnHeadersPresenter>().First();
    DataGridMap.TryAdd(headerPresenter, dataGrid);
    headerPresenter.AddHandler(UIElement.LostFocusEvent, new RoutedEventHandler(OnTextBoxLostFocus));
    DataGridCellsPanel cellsPanel = headerPresenter.FindVisualChildren<DataGridCellsPanel>().First();
    IEnumerable<TextBox> inputFields = cellsPanel.FindVisualChildren<TextBox>();
    RegisterColumnHeaderTextBoxes(dataGrid, inputFields);
  }

  private static void RegisterColumnHeaderTextBoxes(DataGrid dataGrid, IEnumerable<TextBox> inputFields)
  {
    var indexMap = new Dictionary<TextBox, int>();
    SetIndexMap(dataGrid, indexMap);
    for (int index = 0; index < inputFields.Count(); index++)
    {
      TextBox inputField = inputFields.ElementAt(index);
      indexMap.Add(inputField, index);
    }
  }

  private static void OnTextBoxLostFocus(object sender, RoutedEventArgs e)
  {
    if (e.OriginalSource is not TextBox textInputField)
    {
      return;
    }

    var headerPresenter = sender as DataGridColumnHeadersPresenter;
    if (!DataGridMap.TryGetValue(headerPresenter, out DataGrid host))
    {
      return;
    }

    IList<string> filterExpressionSource = GetFilterValues(host);
    Dictionary<TextBox, int> indexMap = GetIndexMap(host);
    int columnIndex = indexMap[textInputField];

    // Preload source collection if empty
    if (columnIndex >= filterExpressionSource.Count)
    {
      for (int index = filterExpressionSource.Count; index <= columnIndex; index++)
      {
        filterExpressionSource.Add(string.Empty);
      }
    }

    UpdateFilterExpressionSource(textInputField, filterExpressionSource, columnIndex);
  }

  private static void UpdateFilterExpressionSource(TextBox textInputField, IList<string> filterExpressionSource, int columnIndex)
  {
    if (!filterExpressionSource[columnIndex].Equals(textInputField.Text, StringComparison.Ordinal))
    {
      filterExpressionSource[columnIndex] = textInputField.Text;
    }
  }
}

ExtensionMethods.cs
扩展方法将iEnumerable＆lt; tdata＆gt;转换为datatable。

public static class ExtensionMethods
{
  public static DataTable ToDataTable<TData>(this IEnumerable<TData> source)
  {
    Type dataType = typeof(TData);
    IEnumerable<PropertyInfo> publicPropertyInfos = dataType.GetProperties()
      .Where(propertyInfo => propertyInfo.GetCustomAttribute<IgnoreAttribute>() is null);
    var result = new DataTable();
    var columnNameMapping = new Dictionary<string, string>();
    foreach (PropertyInfo publicPropertyInfo in publicPropertyInfos)
    {
      DataColumn newColumn = result.Columns.Add(publicPropertyInfo.Name, publicPropertyInfo.PropertyType);

      System.ComponentModel.DisplayNameAttribute displayNameAttribute = publicPropertyInfo.GetCustomAttribute<System.ComponentModel.DisplayNameAttribute>();
      if (displayNameAttribute is not null)
      {
        newColumn.ColumnName = displayNameAttribute.DisplayName;
      }

      columnNameMapping.Add(publicPropertyInfo.Name, newColumn.ColumnName);
    }

    foreach (TData rowData in source)
    {
      DataRow newRow = result.NewRow();
      result.Rows.Add(newRow);
      foreach (PropertyInfo publicPropertyInfo in publicPropertyInfos)
      {
        object? columnValue = publicPropertyInfo.GetValue(rowData);
        string columnName = columnNameMapping[publicPropertyInfo.Name];
        newRow[columnName] = columnValue;
      }
    }

    return result;
  }
}

user.cs
用于创建dataTable的数据模型在上面的示例中（ mainwindow.xaml.cs ）。
该类还提供了一个有关如何使用属性ignoreatTribute控制
的示例
属性/列的可见性和system.com.ponentmodel.displayname以重命名属性/列。

public class User : INotifyPropertyChanged
{
  public string UserName { get; set; }

  // Assign new column name for this property
  [System.ComponentModel.DisplayName("Mail address")]
  public string UserMail { get; set; }

  // Don't add this property as column to the DataTable
  [Ignore]
  public int Age { get; set; }
}

nighoreatTribute.cs

[AttributeUsage(AttributeTargets.All, Inherited = false)]
public class IgnoreAttribute : Attribute
{
}