DataGridTextColumn Width Binding のやり方

DataGridTextColumnのWidthのバインドができずに困っています。
aaaの部分にはVMクラスのプロパティに紐づけたいのですがやり方がわからず困っています。

行動規範の内容に同意します

回答2件

ベストアンサー

aaaの部分にはVMクラスのプロパティに紐づけたいのですがやり方がわからず困っています。

質問文は単純ですが２つの要素が合わさっています。

１つ目はビジュアルツリーの問題です。

DataGridColumnはビジュアルツリーに含まれないため、素直にはViewModelにアクセスできません。
ツリー - WPF .NET Framework | Microsoft Docs

よくある手法は中継役（BindingProxy）を用意して、それ経由でアクセスします。

x:Referenceでコントロールを参照しても動きました。
c# - Binding datagrid column width - Stack Overflow

２つ目はDataGridLengthの問題です。

aaaの型がわかりませんが、おそらくdouble等数値を想定されていると思います。
DataGridLengthはStarやAuto指定できるので、単なる数値ではありません
DataGridLength 構造体 (System.Windows.Controls) | Microsoft Docs

TwoWayでバインドするには双方向のコンバータが必要です。
wpf - How do I databind a ColumnDefinition's Width or RowDefinition's Height? - Stack Overflow

xml
1<Window
2  x:Class="Questions338171.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  xmlns:local="clr-namespace:Questions338171"
6  Width="800"
7  Height="450">
8  <Window.DataContext>
9    <local:ViewModel />
10  </Window.DataContext>
11  <Window.Resources>
12    <local:BindingProxy x:Key="proxy" Data="{Binding}" />
13    <local:DataGridLengthConverter x:Key="dataGridLengthConverter" />
14  </Window.Resources>
15  <DockPanel>
16    <Slider
17      x:Name="slider"
18      DockPanel.Dock="Top"
19      Maximum="{Binding ActualWidth, RelativeSource={RelativeSource self}}"
20      Value="{Binding Width}" />
21    <TextBlock DockPanel.Dock="Top" Text="{Binding Width}" />
22    <DataGrid AutoGenerateColumns="False">
23      <DataGrid.Columns>
24        <DataGridTextColumn
25          Width="{Binding Data.Width, Converter={StaticResource dataGridLengthConverter}, Mode=TwoWay, Source={StaticResource proxy}}"
26          Binding="{Binding}"
27          Header="BindingProxy" />
28        <DataGridTextColumn
29          Width="{Binding Value, Converter={StaticResource dataGridLengthConverter}, Mode=TwoWay, Source={x:Reference slider}}"
30          Binding="{Binding}"
31          Header="x:Reference" />
32      </DataGrid.Columns>
33      aaaa
34    </DataGrid>
35  </DockPanel>
36</Window>

cs
1using CommunityToolkit.Mvvm.ComponentModel;
2using System;
3using System.Globalization;
4using System.Windows;
5using System.Windows.Controls;
6using System.Windows.Data;
7
8namespace Questions338171
9{
10    class BindingProxy : Freezable
11    {
12        public object Data { get => GetValue(DataProperty); set => SetValue(DataProperty, value); }
13        public static readonly DependencyProperty DataProperty
14            = DependencyProperty.Register(nameof(Data), typeof(object), typeof(BindingProxy),
15                new PropertyMetadata(null));
16        protected override Freezable CreateInstanceCore() => new BindingProxy();
17    }
18
19    class DataGridLengthConverter : IValueConverter
20    {
21        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
22            => new DataGridLength((double)value);
23        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
24            => ((DataGridLength)value).Value;
25    }
26
27    class ViewModel : ObservableObject
28    {
29        private double width = 150;
30        public double Width { get => width; set => SetProperty(ref width, value); }
31    }
32
33    public partial class MainWindow : Window
34    {
35        public MainWindow() => InitializeComponent();
36    }
37}