編集履歴

回答編集履歴

見直しキャンペーン中

2023/07/20 14:05

投稿

スコア10108

answer CHANGED Viewed

@@ -1,130 +1,102 @@
-`Binding="{Binding Name}"`で楽にバインディングできるのは、その`DataContext`が個々のItemになっているためです。
-`MainWindowViewModel`のものにバインディングしたい場合、`RelativeSource`等で探してくる必要があります（あまりに頻発するようですと、クラス設計が間違えている可能性があります）
-```xaml
-<Window
-  x:Class="Questions241295.MainWindow"
-  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-  xmlns:local="clr-namespace:Questions241295"
-  Title="MainWindow"
-  Width="800"
-  Height="450">
-  <Window.DataContext>
-    <local:MainWindowViewModel />
-  </Window.DataContext>
-  <Grid>
-    <Grid.RowDefinitions>
-      <RowDefinition Height="Auto" />
-      <RowDefinition />
-    </Grid.RowDefinitions>
-    <StackPanel Orientation="Horizontal">
-      <Button Command="{Binding SetTrueCommand}" Content="IsEditMain True" />
-      <Button Command="{Binding SetFalseCommand}" Content="IsEditMain False" />
-      <Button Command="{Binding SelectedItem.SetTrueCommand, ElementName=dataGrid}" Content="Selected IsEditItem True" />
-      <Button Command="{Binding SelectedItem.SetFalseCommand, ElementName=dataGrid}" Content="Selected IsEditItem False" />
-      <TextBlock Text="{Binding IsEditMain, StringFormat=IsEditMain {0}}" />
-    </StackPanel>
-    <DataGrid
-      x:Name="dataGrid"
-      Grid.Row="1"
-      AutoGenerateColumns="False"
-      ItemsSource="{Binding Items}">
-      <DataGrid.Columns>
-        <DataGridTextColumn Binding="{Binding Name}" Header="名前" />
-        <DataGridTextColumn Binding="{Binding Age}" Header="年齢">
-          <DataGridTextColumn.CellStyle>
-            <Style TargetType="{x:Type DataGridCell}">
-              <Style.Triggers>
-                <Trigger Property="IsSelected" Value="True">
-                  <Setter Property="Background" Value="#87CEEB" />
-                  <Setter Property="Foreground" Value="Black" />
-                </Trigger>
-                <DataTrigger Binding="{Binding IsEditItem}" Value="True">
-                  <Setter Property="BorderBrush" Value="Red" />
-                </DataTrigger>
-                <DataTrigger Binding="{Binding DataContext.IsEditMain, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Value="True">
-                  <Setter Property="Foreground" Value="Red" />
-                </DataTrigger>
-              </Style.Triggers>
-            </Style>
-          </DataGridTextColumn.CellStyle>
-        </DataGridTextColumn>
-        <DataGridTextColumn
-          Binding="{Binding IsEditItem}"
-          Header="IsEditItem"
-          IsReadOnly="True" />
-      </DataGrid.Columns>
-    </DataGrid>
-  </Grid>
-</Window>
-```
-```C#
-using System.Collections.ObjectModel;
-using System.Windows;
-using Livet;
-using Livet.Commands;
-namespace Questions241295
-{
-    public partial class MainWindow : Window
-    {
-        public MainWindow() => InitializeComponent();
-    }
-    public class MainWindowViewModel : ViewModel
-    {
-        public ObservableCollection<Item> Items { get; }
-        private bool isEdit;
-        public bool IsEditMain { get => isEdit; set => RaisePropertyChangedIfSet(ref isEdit, value); }
-        private ViewModelCommand setTrueCommand;
-        public ViewModelCommand SetTrueCommand => setTrueCommand ?? (setTrueCommand = new ViewModelCommand(SetTrue));
-        private ViewModelCommand setFalseCommand;
-        public ViewModelCommand SetFalseCommand => setFalseCommand ?? (setFalseCommand = new ViewModelCommand(SetFalse));
-        public MainWindowViewModel()
-        {
-            Items = new ObservableCollection<Item>
-            {
-                new Item("a", 24),
-                new Item("b", 25)
-            };
-        }
-        public void SetTrue() => IsEditMain = true;
-        public void SetFalse() => IsEditMain = false;
-    }
-    public class Item : ViewModel
-    {
-        private string name;
-        public string Name { get => name; set => RaisePropertyChangedIfSet(ref name, value); }
-        private int age;
-        public int Age { get => age; set => RaisePropertyChangedIfSet(ref age, value); }
-        private bool isEdit;
-        public bool IsEditItem { get => isEdit; set => RaisePropertyChangedIfSet(ref isEdit, value); }
-        private ViewModelCommand setTrueCommand;
-        public ViewModelCommand SetTrueCommand => setTrueCommand ?? (setTrueCommand = new ViewModelCommand(SetTrue));
-        private ViewModelCommand setFalseCommand;
-        public ViewModelCommand SetFalseCommand => setFalseCommand ?? (setFalseCommand = new ViewModelCommand(SetFalse));
-        public Item(string name, int age) => (Name, Age) = (name, age);
-        public void SetTrue() => IsEditItem = true;
-        public void SetFalse() => IsEditItem = false;
-    }
-}
-```
-* `IsEditItem` 個々のIsEdit（ボーダー赤）
-* `IsEditMain` 全体のIsEdit（文字赤）
+`Binding="{Binding Name}"`で楽にバインディングできるのは、その`DataContext`が個々のItemになっているためです。
+`MainWindowViewModel`のものにバインディングしたい場合、`RelativeSource`等で探してくる必要があります（あまりに頻発するようですと、クラス設計が間違えている可能性があります）
+```xml
+<Window
+  x:Class="Questions241295.MainWindow"
+  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+  xmlns:local="clr-namespace:Questions241295"
+  Width="800"
+  Height="450">
+  <Window.DataContext>
+    <local:MainWindowViewModel />
+  </Window.DataContext>
+  <DockPanel>
+    <StackPanel DockPanel.Dock="Top">
+      <CheckBox VerticalContentAlignment="Center" Content="IsEditMain" IsChecked="{Binding IsEditMain}" />
+    </StackPanel>
+    <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Items}">
+      <DataGrid.Columns>
+        <DataGridTextColumn Width="150" Binding="{Binding Name}" Header="名前" />
+        <DataGridTextColumn Width="100" Binding="{Binding Age}" Header="年齢">
+          <DataGridTextColumn.CellStyle>
+            <Style TargetType="{x:Type DataGridCell}">
+              <Setter Property="BorderThickness" Value="4" />
+              <Style.Triggers>
+                <Trigger Property="IsSelected" Value="True">
+                  <Setter Property="Background" Value="#87CEEB" />
+                  <Setter Property="Foreground" Value="Black" />
+                </Trigger>
+                <DataTrigger Binding="{Binding IsEditItem}" Value="True">
+                  <Setter Property="BorderBrush" Value="Red" />
+                </DataTrigger>
+                <DataTrigger Binding="{Binding DataContext.IsEditMain, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Value="True">
+                  <Setter Property="Foreground" Value="Red" />
+                </DataTrigger>
+              </Style.Triggers>
+            </Style>
+          </DataGridTextColumn.CellStyle>
+        </DataGridTextColumn>
+        <DataGridTemplateColumn Header="IsEditItem">
+          <DataGridTemplateColumn.CellTemplate>
+            <DataTemplate>
+              <CheckBox VerticalContentAlignment="Center" IsChecked="{Binding IsEditItem, UpdateSourceTrigger=PropertyChanged}" />
+            </DataTemplate>
+          </DataGridTemplateColumn.CellTemplate>
+        </DataGridTemplateColumn>
+      </DataGrid.Columns>
+    </DataGrid>
+  </DockPanel>
+</Window>
+```
+```cs
+using System.Collections.ObjectModel;
+using System.Windows;
+using Livet;
+namespace Questions241295
+{
+    public partial class MainWindow : Window
+    {
+        public MainWindow() => InitializeComponent();
+    }
+    public class MainWindowViewModel : ViewModel
+    {
+        public ObservableCollection<Item> Items { get; }
+        public bool IsEditMain { get => isEdit; set => RaisePropertyChangedIfSet(ref isEdit, value); }
+        private bool isEdit;
+        public MainWindowViewModel()
+        {
+            Items = new ObservableCollection<Item>
+            {
+                new Item("a", 24),
+                new Item("b", 25),
+            };
+        }
+    }
+    public class Item : ViewModel
+    {
+        public string Name { get => name; set => RaisePropertyChangedIfSet(ref name, value); }
+        private string name;
+        public int Age { get => age; set => RaisePropertyChangedIfSet(ref age, value); }
+        private int age;
+        public bool IsEditItem { get => isEdit; set => RaisePropertyChangedIfSet(ref isEdit, value); }
+        private bool isEdit;
+        public Item(string name, int age) => (Name, Age) = (name, age);
+    }
+}
+```
+* `IsEditItem` 個々のIsEdit（ボーダー赤）
+* `IsEditMain` 全体のIsEdit（文字赤）
+![アプリ画像](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-20/acffb10a-5c4a-440a-9941-0243e278201b.png)