Программное изменение размера столбца DataGrid OnLoaded
У меня есть этот DataGrid, который выглядит так, когда я загружаю данные в первый раз:
Итак, это почти идеально, но то, что я действительно хочу, отображается, когда я максимально увеличиваю размер окна - столбцы теперь расположены следующим образом:
Я хотел бы разместить самые правые столбцы в правой части представления DataGrid, а левый столбец выделить остальную часть представления.
Мой вопрос: могу ли я вызвать событие в DataGrid, чтобы вызвать такое расположение столбцов, которое в противном случае произошло бы только при максимизации окна?
Упрощенная версия XAML DataGrid выглядит так:
<DataGrid
ItemsSource = "{Binding ItemsSource, RelativeSource = {RelativeSource TemplatedParent}}"
HorizontalAlignment = "Stretch" VerticalAlignment = "Stretch"
ScrollViewer.HorizontalScrollBarVisibility = "Hidden"
ScrollViewer.VerticalScrollBarVisibility = "Auto"
ScrollViewer.CanContentScroll = "True"
AutoGenerateColumns = "False"
GridLinesVisibility = "None"
ColumnWidth = "*">
<DataGrid.Columns>
<DataGridTemplateColumn Width = "*" Header = "Name">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width = "Auto"/>
<ColumnDefinition Width = "*"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column = "1"
Text = "{Binding ItemName}"
ToolTipService.ShowOnDisabled = "true"
>
</TextBlock>
</Grid>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Width = "Auto" Header = "Size">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock
Text = "{Binding ItemLengthA}"
HorizontalAlignment = "Right"
Margin = "3,0,0,0"
/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Width = "Auto" Header = "Modified">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock
Text = "{Binding ItemLastUpdateA}"
HorizontalAlignment = "Right"
Margin = "3,0,0,0"
/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
У меня также есть работающее приложение/элемент управления для проверки здесь, но я думаю, что просмотра приведенного выше XAML должно быть достаточно, чтобы найти решение на основе данного макета.
Вы размещаете DataGrid внутри окна с SizeToContent = "WidthAndHeight" или SizeToContent = "Width" ? Я столкнулся с таким поведением, когда окно адаптируется к ширине содержимого.
Код окна - это просто стандартный код, который вы получите, если создадите новый проект WPF - там нет ничего особенного. Есть некоторые другие вещи, такие как синхронизация прокрутки и настройка цвета фона RowStyle, которые я могу попытаться отключить, чтобы увидеть, изменится ли поведение, но до сих пор я не думал, что это будет иметь значение ... Я проверю, если отключение вещей изменит столбец поведение ширины...
Ответы 1
Я попытался воспроизвести ваш случай и пришел к выводу: Это зависит от того, как вы будете использовать ItemsSource. Если ItemsSource в ViewModel является списком, вы можете просто назначить ему новый экземпляр и вызвать событие PropertyChanged. Это приведет к тому, что столбцы будут вести себя так, как вы хотите (Width="Auto").
ItemsSource = new List<Data>();
// ItemsSource.Add(new Data()); // ..adding data
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(ItemsSource)));
Однако, поскольку в настоящее время он не работает, я предполагаю, что у вас может быть ObservableCollection как ItemsSource, и вы добавляете туда элементы. В моих тестах он ведет себя так, как вы описали, столбцы остаются маленькими, если только размер окна не изменяется вручную.
public ObservableCollection<Data> ItemsSource { get; set; }
public void AddItems()
{
ItemsSource.Add(new Data()); // not working
}
Единственный способ, который я нашел, чтобы заставить сетку сделать это, состоял в том, чтобы сбросить ширину столбца с автоматического на некоторое значение, а затем обратно. Для этого используется кнопка. но любая загрузка также будет работать
private void Button_Click(object sender, RoutedEventArgs e)
{
foreach (DataGridTemplateColumn item in MyDataGrid.Columns)
{
if (item.Width.IsAuto)
{
item.Width = new DataGridLength(item.ActualWidth, item.Width.UnitType);
item.Width = DataGridLength.Auto;
}
}
}
Я могу проверить ваши выводы - я также могу воспроизвести то же желаемое поведение с помощью ObservableCollection<> - похоже, это не тип коллекции, а тот факт, что существующая коллекция действительно заменяется новой коллекцией, за которой следует событие PropertyChanged, которое делает эта работа. ObservableCollection фактически отправляет NotifyCollectionChangedAction.Reset, но это не кажется достаточно разумным для того, чтобы Grid правильно размещал элементы. Итак, теперь решение состоит в том, чтобы всегда реконструировать всю (наблюдаемую) коллекцию при каждой перезагрузке... спасибо за подсказку :-)
С кодом мне кажется все в порядке. Я тестировал аналогичный
DataGridс некоторыми данными, он просто продолжал отображаться, как ваше второе изображение, независимо от того, как был изменен размер. Так что, возможно, что-то еще повлияло на макет.