如何在WPF / MVVC C＃中实现动态绑定

Question

我对MVVC / wpf比较陌生，主要是使用winforms。

我要完成的是动态数据绑定，而无需在WPF中使用任何代码。 用户界面由一个devexpress网格和几个按钮组成。 每按一次按钮将加载一个对象列表，并在网格中显示对象。 根据所按下的按钮，列表包含不同的对象类型。 对于此示例，我提供了两个类：FatCat和FatDog。

在winforms中，该方法有效：

    private void button1_Click(object sender, EventArgs e)
    {
        ((GridView)gridCtrl.MainView).Columns.Clear();
        gridCtrl.DataSource = new BindingSource(itsModel.GetAll<FatDog>(), null);
    }


    private void button2_Click(object sender, EventArgs e)
    {
        ((GridView)gridCtrl.MainView).Columns.Clear();
        gridCtrl.DataSource = new BindingSource(itsModel.GetAll<FatCat>(), null);
    }

我已将网格配置为动态创建列，因此一切正常。 itsModel类型为CatClientModel。

在wpf中，我已将DataContext定义为CatClientModel。

我应该为网格中的ItemsSource使用什么以实现与Winforms解决方案相同的行为？

dxg：GridControl ItemsSource =“ {Binding SomeDynamicList}”

换句话说，上面的代码中SomeDynamicList应该是什么？ 还是我走错路了？

正如我所说，我使用的是DevExpress wpf网格控件，但问题应该是通用的，并且适用于任何呈现对象列表的控件。

Answer 1

换句话说，上面的代码中SomeDynamicList应该是什么？

SomeDynamicList应该是ObservableCollection<T>属性，可以在其中添加要显示在GridControl中的任何T类型的对象。

将GridControl的DataContext或其任何父元素设置为定义了此属性的类的实例：

public class CatClientModel
{
    public ObservableCollection<Animal> SomeDynamicList { get; } = new ObservableCollection<Animal>();
}

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new CatClientModel();
    }
}

好。 但是，事实是ObservableCollection包含不同的类型。 不幸的是，没有可继承的类。 我想绑定到ObservableCollection或ObservableCollection，这取决于按下了哪个按钮

然后切换DataContext ，或将属性更改为IEnumerable并在每次单击按钮时将其设置为新集合。 这要求您在视图模型中实现InotifyPropertyChanged接口

private System.Collections.IEnumerable _collection;
public System.Collections.IEnumerable MyProperty
{
    get { return _collection; }
    set { _collection = value; OnPropertyChanged(); }
}

Answer 2

如果要使用XAML定义代码，则可以针对每个网格定义哪些数据源。 这确实需要MVVM Manager的至少某种方法（棱镜或mvvmlight）将视图模型连接到视图。

因此，如果您采用MVVM模型路线，则模型将包含对每个网格的描述，如下所示：

 public BulkObservableCollection<icd10facet> FacetList
    {
        get { return this._facets; }
        set { SetProperty(ref this._facets, value); }

    }
    public INotifyTaskCompletion<BulkObservableCollection<PetsConvert>> ConceptList
    {
        get { return this._concept; }
        set
        {
            SetProperty(ref this._concept, value);
        }
    }

在代码的XAML中，网格将以这种方式绑定到由ConceptList定义的网格：

ItemsSource="{Binding ConceptList.Result}" 

这个答案没有解决如何连接Prism 6.0例如使用视图模型的问题，但是有关示例，请参见：

https://github.com/PrismLibrary/Prism

其中包含文档和入门代码。 请记住，将代码放在视图中的代码后面没有问题是没有任何特定原因的，如果对您而言，关注点分离是问题，则首先解决该问题，然后进行重构。

使用此技术，您可以将每个网格绑定到其自己的数据源。 在MVVM空间中，按钮和其他功能使用命令模型与视图模型进行通信。

 <Button Content="Load Rule Data" Width="100" Height="40" HorizontalAlignment="Left" Margin="5px" Command="{Binding LoadRuleData }"/>

这需要在ViewModel中为LoadRuleData定义命令委托

    public DelegateCommand LoadRuleData { get; private set; }

然后（通常在构造函数中）将DelegateCommand连接到将要完成工作的方法。

 this.LoadRuleData = new DelegateCommand(this.loadRules);