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

【问题标题】：How to bind DataGrid in my situation using mvvm (ObservableCollection inside ObservableCollection)如何在我的情况下使用 mvvm 绑定 DataGrid（ObservableCollection 内的 ObservableCollection）
【发布时间】：2015-09-22 11:55:08
【问题描述】：

我的情况是，我有“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构造器传递“this”对象来获取输入的整数值重复DataGrid行数次输入的整数值（这个整数值在“ NumberOfColumns" 文本框的同类)

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

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

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

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

有人能帮我一下吗？

【问题讨论】：

标签： c# wpf xaml mvvm datagrid

【解决方案1】：

如下更新您的代码。您在 tablegeneratedModel 中绑定了 observable 集合，但您正在更新 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);
        }

【讨论】：

不，那不是问题..我自己发现了问题。但是感谢您的想法和时间:)

【解决方案2】：

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

【讨论】：

CreatColumnCommand 在模型中。因为当我单击输入整数值时它应该在模型中。假设我在快照中完成了 3。然后单击“创建”按钮。该按钮被成功调用，因为在 ViewModel“public ViewModel(tablegenerateModel tablegenerateModels)”中弹出消息框。但它是我的 DataGrid 应该有 3 行，因为我有一个 for 循环，它将循环中的一些数据添加到“Column_data_List”的 ObservabelCollection。此数据未添加到我的网格中。正如您在快照中看到的那样。那就是问题所在。您可以复制并粘贴我的所有代码并进行验证。
啊，所以不是关于绑定命令。并且您的新视图模型已制作，但主窗口没有反映新的虚拟机？有什么可以告诉您虚拟机已经改变的观点吗？视图不是还在看旧的vm吗？

【解决方案3】：

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

【讨论】：