複数のデータグリッドのSelectedItemを取得するには？

Question

Foreach treeview-item私は独自のデータグリッドを持っています。ツリービューのアイテムとデータグリッドは、バインディングで埋められます。

テキストボックスでは、データグリッドの選択項目にバインドされています。しかし、これらのテキストボックスへのバインドは、最初のDataGridでのみ機能します。

<TextBox Text="{Binding PlaceList/SelectedMachine.Name, ValidatesOnDataErrors=True}" /> 

I：他のすべてのデータグリッドは、テキストボックスにのSelectedItemを転送しません：

ここ

は、データグリッドとツリービューで：テキストボックスここ

  <TreeView ItemsSource="{Binding Path=PlaceList}"> 
       <TreeView.ItemTemplate> 
        <DataTemplate> 
         <TreeViewItem Header="{Binding Path=Name}"> 
          <DataGrid ItemsSource="{Binding MachinesInPlace, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
             SelectionUnit="FullRow" 
             SelectedItem="{Binding SelectedMachine, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
             AutoGenerateColumns="True" 
             IsSynchronizedWithCurrentItem="True" 
             SelectionMode="Single"> 
          </DataGrid> 
         </TreeViewItem> 
        </DataTemplate> 
       </TreeView.ItemTemplate> 
      </TreeView> 

ですMvvmLightで作業しています。

public ObservableCollection<PlaceModel> PlaceList { get; set; } = new ObservableCollection<PlaceModel>(); 

    public ObjectInspectorViewModel() 
    { 
     PlaceList = PlaceModel.GetPlaces(BaseResourcePaths.PlacesCsv); 
    } 

私の場所、モデルS：私のViewModelはPlaceListを保持している

public class PlaceModel 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } = "_CurrentObjectName"; 
    public string Length { get; set; } 
    public string Width { get; set; } 
    public string Height { get; set; } 
    public ObservableCollection<MachineModel> MachinesInPlace { get; set; } 
    public MachineModel SelectedMachine { get; set; } 

    public static ObservableCollection<PlaceModel> GetPlaces(string filepath) 
    { 
     [...] 
    } 
} 

私は何かを試してみたが、最後に、私はバグを修正する方法を知りません。どうしたの？私の提案は、プレースモデル内のプロパティ "SelectedMachine"です...

ここでは、Sebastian Richterの追加ソリューションを使用したサンプルプロジェクトを示します。 https://www.file-upload.net/download-12370581/DatagridTreeViewError.zip.html

Answer 1

INotifyPropertyChangedをあなたのクラスPlaceModelに実装することを忘れていないことは確かです。問題は選択を変更した後で、プロパティPlacemodel.SelectedMachineは更新されますが、この変更をビューに入力するイベントは発生しません。

MVVM Lightを使用しているため、既にこのインターフェイスを実装しているObservableObjectから派生することができます。 だからあなたPlaceModel次のコードに変更します。私はあなたがそれを設定するために、バインディングをごObservableCollection（1つのリレーションに多く）からと結合するためにどの要素を知っていないと思います

：

public class PlaceModel : ObservableObject 
{ 
    private MachineModel _selectedMachine; 
    public int Id { get; set; } 
    public string Name { get; set; } = "_CurrentObjectName"; 
    public string Length { get; set; } 
    public string Width { get; set; } 
    public string Height { get; set; } 
    public ObservableCollection<MachineModel> MachinesInPlace { get; set; } 

    public MachineModel SelectedMachine 
    { 
     get 
     { 
      return _selectedMachine; 
     } 

     set 
     { 
      // raises Event PropertyChanged after setting value 
      Set(ref _selectedMachine, value); 
     } 
    } 

    public static ObservableCollection<PlaceModel> GetPlaces(string filepath) 
    { 
    [...] 
} 

編集TextBoxの参照として

だから、モデルからSelectedMachineプロパティを削除し、バックのViewModelにそれを追加しよう：

<Grid x:Name="LayoutRoot"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="2*"></RowDefinition> 
     <RowDefinition></RowDefinition> 
    </Grid.RowDefinitions> 

    <!-- Row #1 --> 
    <Grid> 
     <!-- TreeView und DataGrids--> 
     <TreeView ItemsSource="{Binding Path=PlaceList}"> 
      <TreeView.ItemTemplate> 
       <DataTemplate> 
        <TreeViewItem Header="{Binding Path=Name}"> 
         <DataGrid ItemsSource="{Binding MachinesInPlace, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
            SelectedItem="{Binding DataContext.SelectedMachine, RelativeSource={RelativeSource AncestorType=Window},Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> 
        </TreeViewItem> 
       </DataTemplate> 
      </TreeView.ItemTemplate> 
     </TreeView> 
    </Grid> 

    <!-- Row #2 --> 
    <Grid Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition></ColumnDefinition> 
      <ColumnDefinition Width="2*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition></RowDefinition> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 

     <Label Grid.Row="0" 
       Content="ID" /> 
     <!-- Textboxen aktualisieren nur bei Auswahl der ersten Datagrid --> 
     <TextBox Grid.Column="2" 
       Grid.Row="0" 
       Text="{Binding SelectedMachine.Id, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> 
     <Label Grid.Row="1" 
       Content="Name" /> 
     <TextBox Grid.Column="2" 
       Grid.Row="1" 
       Text="{Binding SelectedMachine.Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> 
    </Grid> 
</Grid> 

：

class ViewModel : ViewModelBase 
{ 
    ... 
    private MachineModel _selectedMachine; 
    public MachineModel SelectedMachine 
    { 
     get 
     { 
      return _selectedMachine; 
     } 
     set 
     { 
     // raises Event PropertyChanged after setting value 
     Set(ref _selectedMachine, value); 
     } 
    } 
    ... 
} 

はまた、次のコード（私はあなたの例のプロジェクトを使用）にあなたのXAMLを変更

キーは、SelectedItemの正しいDataContextを設定することでした。このために私はXAMLコードに続いて使用しました：

<DataGrid ItemsSource="{Binding MachinesInPlace, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
            SelectedItem="{Binding DataContext.SelectedMachine, RelativeSource={RelativeSource AncestorType=Window},Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> 

この例では、あなたのサンプルプロジェクトが正しくTextBoxを更新します。