如何在我的情况下使用mvvm绑定DataGrid（ObservableCollection内的ObservableCollection）

Question

我处于一种情况下，我有“ tablegenerateModel”类的ObservableCollection，其中进一步包含“ column_Data”类的ObservableCollection，并且此“ column_Data”类包含3个UI元素，必须将它们绑定到包含三列的DataGrid。 如果愿意，您可以复制粘贴我的代码，我已经编写了所有类和xaml供您验证我的代码，因此我的Model.cs如下：

  public class tablegenerateModel {

    public ObservableCollection < column_Data > Column_data_List {
        get;
        set;
    }
    public int NumberOfColumns {
        get;
        set;
    }

    private ICommand _CreatColumnCommand; //THIS IS THE BUTTON EVENT GENERATED WHEN USER PRESS AN INTEGER VALUE IN "NumberOfColumns" AND PRESS "Create" button. So the "Column_data_List" will repeat that many times the value user entered
    ViewModel vm;
    public ICommand CreatColumnCommand {
        get {
            if (_CreatColumnCommand == null) {
                _CreatColumnCommand = new RelayCommand(
                    param => vm = new ViewModel(this)
                );
            }
            return _CreatColumnCommand;
        }
    }
}
public class column_Data {
    public string Column_Name {
        get;
        set;
    }
}

我的视图模型是：

   public class ViewModel: INotifyPropertyChanged {
    private ObservableCollection < tablegenerateModel > _lb_GlobalList;
    private ObservableCollection < column_Data > _Column_data_List;

    public ObservableCollection < tablegenerateModel > lb_GlobalList {
        get {
            return _lb_GlobalList;
        }
        set {
            if (value != _lb_GlobalList) {
                _lb_GlobalList = value;
                RaisePropertyChanged("lb_GlobalList");
            }
        }
    }

    public ObservableCollection < column_Data > Column_data_List {
        get {
            return _Column_data_List;
        }
        set {
            if (value != _Column_data_List) {
                _Column_data_List = value;
                RaisePropertyChanged("Column_data_List");
            }
        }
    }

    public ICommand ClickCommand

    private bool _canExecute;
    public ViewModel() {
        _canExecute = true;
        lb_GlobalList = new ObservableCollection < tablegenerateModel > ();
        for (int i = 1; i < 6; i++) {
            //Add To it data here
        }
    }

    public ViewModel(tablegenerateModel tablegenerateModels) //IT WILL BE CALLED WHEN BUTTON WILL BE CLICKED (see tablegenerateModel class ICommand for it)
        {
            Column_data_List = new ObservableCollection < column_Data > ();
            for (int i = 1; i < tablegenerateModels.NumberOfColumns; i++) { //Add data here
            }
            MessageBox.Show("The NumberOfColumns value is:" + tablegenerateModels.NumberOfColumns);
        }

}
}

并且视图是：

 <Window x:Class="PyXgen.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vM="clr-namespace:PyXgen" Title="MainWindow" Height="350" Width="525">
    <Window.DataContext>
        <vM:ViewModel></vM:ViewModel>
    </Window.DataContext>
    <Grid Name="ButtonsContainer">


        <ListBox Grid.Row="1" ItemsSource="{Binding lb_GlobalList}" ScrollViewer.VerticalScrollBarVisibility="Auto" BorderBrush="Gray" Margin="0,30,0,0" Grid.RowSpan="2">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <StackPanel>
                            <Grid Margin="0,2">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="45" />
                                    <RowDefinition Height="45" />
                                    <RowDefinition Height="45" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <Grid Grid.Row="4">
                                    <StackPanel>
                                        <Grid Margin="0,2">


                                            Grid.Row="0" Width="80px" Height="20px" Margin="20,5,0,0" Name="fname4"/>
                                            <Button Grid.Row="1" Grid.Column="1" Height="25" Width="70" Content="Create" Command="{Binding CreatColumnCommand}" HorizontalAlignment="Center" VerticalAlignment="Center"></Button>
                                        </Grid>
                                    </StackPanel>
                                </Grid>
                                <Grid Margin="0,2" Grid.Row="5">
                                    <DataGrid x:Name="gvSelectedCourses" Grid.Column="1" HorizontalAlignment="Center" ItemsSource="{Binding Column_data_List , Mode=TwoWay}" AutoGenerateColumns="False" Width="450">
                                        <DataGrid.Columns>
                                            <DataGridTextColumn Header="Column Name" Binding="{Binding  ,Mode=TwoWay}" Width="150" />
                                        </DataGrid.Columns>
                                    </DataGrid>
                                </Grid>
                            </Grid>
                        </StackPanel>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Window>

单击“ _CreatColumnCommand”按钮（在tableGenerateModel类中）将调用传递给“此”对象的ViewModel构造函数，以获取输入的整数值，以重复DataGrid行输入的整数值的次数（此整数值在“ NumberOfColumns”文本框中输入）同班）

现在的问题是如何绑定“ _Column_data_List”，以便它将添加和更新DataGrid的行（通过用户在文本框中输入的整数值）。

当前，当我在文本框中输入整数值并单击“创建”按钮时，将通过MessageBox弹出窗口调用ViewModel构造函数

 MessageBox.Show("The NumberOfColumns value is:" + tablegenerateModels.NumberOfColumns);

如何将其绑定到“ _Column_data_List”，以便它将添加或更新DataGrid的行（通过用户在上面快照中的文本框中输入的整数值）。

有人可以帮我吗eeeeeeeeeeeeee？

Answer 1

如下更新代码。 您已将可观察的集合绑定在tablegenicModel中，但是您正在更新ViewModel上的一个。

public ViewModel(tablegenerateModel tablegenerateModels) //IT WILL BE CALLED WHEN BUTTON WILL BE CLICKED (see tablegenerateModel class ICommand for it)
        {
            tablegenerateModels.Column_data_List = new ObservableCollection<column_Data>();
            for (int i = 1; i < tablegenerateModels.NumberOfColumns; i++)
            {
                Column_data_List.Add(lb_col = new column_Data()
                {
                    Column_Name = "ColumnName" + i,
                    Data_Size = i,
                    Data_types = "Double" + i
                });
            }           
            MessageBox.Show("The NumberOfColumns value is:" + tablegenerateModels.NumberOfColumns);
        }

Answer 2

'CreatColumnCommand'拼写错误，但始终如此，因此这不是您的问题。 但是您的“ CreatColumnCommand”不在视图模型中，而在模型中。 那是问题吗？

Answer 3

在给定的情况下，我必须在ObservableCollection内部具有ObservableCollection，但是如果您看到我的ViewModel，则尝试将其添加到ViewModel的Column_data_List中，而我应该在Model本身中添加它（因为视图将无法同时处理lb_GlobalList和Column_data_List）。 我做到了，它可以为我工作。