数据网格绑定MVVM

本文关键字:MVVM 绑定 网格 数据网 数据 | 更新日期: 2023-09-27 18:04:13

我是MVVM的新手,我只是想用一个小的测试wpf应用程序来试一试。我有一个模型调用ToDoItemModel定义如下:(基本上我有一个叫做ToDoItemModel和ToDoItemListModel的类,它们实现了IList

public class ToDoItemModel
{
    private DateTime    _TodoDate;
    private string      _TodoDescription;
    private TimeSpan    _TodoTimeSpan;
    private string      _StartTime;
    public ToDoItemModel(DateTime d, string s)
    {
        _TodoDate=d;
        _TodoDescription=s;
    }
    public string StartTime
    {
        get { return      _StartTime; }
        set {      _StartTime = value; }
    }

    public TimeSpan ToDoTimeSpan
    {
        get { return _TodoTimeSpan; }
        set { _TodoTimeSpan = value; }
    }
    public string ToDoDescription
    {
        get { return _TodoDescription; }
        set { _TodoDescription = value; }
    }
    public DateTime ToDoDate
    {
        get { return _TodoDate; }
        set { _TodoDate = value; }
    }
    public override string ToString()
    {
        return string.Format("Date: {0}- Time: {1}- Duration: {2}- Description: {3}",_TodoDate.ToString("d"),_StartTime,_TodoTimeSpan,_TodoDescription);
    }       
}
public class ToDoListModel: IList<ToDoItemModel>
{
    private readonly IList<ToDoItemModel> _todoList = new List<ToDoItemModel>();
    public ToDoListModel()
    {
         //Hard code this one for testing purpose
        _todoList.Add(new ToDoItemModel(DateTime.Now,"Testing"));
    }
    public int IndexOf(ToDoItemModel item)
    {
        return _todoList.IndexOf(item);
    }
    public void Insert(int index, ToDoItemModel item)
    {
        _todoList.Insert(index,item);
    }
    public void RemoveAt(int index)
    {
        _todoList.RemoveAt(index);
    }
    public ToDoItemModel this[int index]
    {
        get
        {
            return _todoList[index];
        }
        set
        {
            _todoList[index]=value;
        }
    }
    public void Add(ToDoItemModel item)
    {
        _todoList.Add(item);
    }
    public void Clear()
    {
        _todoList.Clear();
    }
    public bool Contains(ToDoItemModel item)
    {
        return _todoList.Contains(item);
    }
    public void CopyTo(ToDoItemModel[] array, int arrayIndex)
    {
        _todoList.CopyTo(array,arrayIndex);
    }
    public int Count
    {
        get { return _todoList.Count; }
    }
    public bool IsReadOnly
    {
        get { return _todoList.IsReadOnly; }
    }
    public bool Remove(ToDoItemModel item)
    {
        return _todoList.Remove(item);
    }
    public IEnumerator<ToDoItemModel> GetEnumerator()
    {
        return _todoList.GetEnumerator();
    }
    System.Collections.IEnumerator System.Collections.IEnumerable.GetEnumerator()
    {
        return GetEnumerator();
    }
}

我想在我的视图上显示一个数据网格,它将通过继承自ObservableObject的ToDoListModelView绑定到ToDoListModel。ObservableObject实现INotifyPropertyChanged

public class ToDoListModelView:ObservableObject
{
    ToDoListModel _myModel = new ToDoListModel();
    ...
}

我的视图由下面的xaml代码定义:基本上,我想将该数据网格绑定到我的ToDoListModel。

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:TestWPF" x:Class="TestWPF.MainWindow"
        Title="MainWindow" Height="350" Width="525">
    <Grid Margin="1,0,-1,0">
        <DataGrid x:Name="ExistingToDoList" 
          HorizontalAlignment="Left" 
          Margin="33,201,0,0" 
          VerticalAlignment="Top" 
          Height="94" Width="464" 
          Background="#FFF1E6E6" 
          GridLinesVisibility="Horizontal" 
          ItemsSource="{Binding ToDoListModelView}" 
          Style="{DynamicResource ToDoEntry}">
            <DataGrid.DataContext>
                <local:ToDoListModel/>
            </DataGrid.DataContext>
        </DataGrid>
    </Grid>
</Window>

然而,在按下F5后,程序运行,但我没有看到与数据绑定的内容,尽管我在列表中至少有1项。我做错了什么?我知道它还远远没有完成,但至少,我应该看到列表中的ToDoItem从数据网格?我错过了什么?请帮助。谢谢!

——我的更新 ----------------------------------------------

ToDoListModel继承自带有ToDoList属性的List,返回底层数据

public class ToDoListModel: List<ToDoItemModel>
{
    private  List<ToDoItemModel> _todoList = new List<ToDoItemModel>();
    public List<ToDoItemModel> TodoList
    {
        get { return _todoList; }
    }
    public ToDoListModel()
    {
        _todoList.Add(new ToDoItemModel(DateTime.Now,"Testing"));
    }

我还修正了数据网格绑定到ToDoList,并将autoGeneratecolumn设置为true,以便简单和说明。

<Grid Margin="1,0,-1,0" d:DataContext="{d:DesignData /SampleData/ToDoListModelSampleData.xaml}">
    <DataGrid x:Name="ExistingToDoList" 
        HorizontalAlignment="Left" 
        Margin="33,201,0,0" 
        VerticalAlignment="Top" 
        Height="94" Width="464" 
        Background="#FFF1E6E6" 
        GridLinesVisibility="Horizontal" 
        ItemsSource="{Binding TodoList}" 
        Style="{DynamicResource ToDoEntry}" 
        AutoGenerateColumns="True"
        DataContext="{Binding Mode=OneWay}">
        <DataGrid.ItemBindingGroup>
            <BindingGroup/>
        </DataGrid.ItemBindingGroup>
    </DataGrid>

数据网格绑定MVVM

您将DataContext属性设置为"Model"类(您永远不应该这样做,总是设置为ViewModel类),它没有一个名为"ToDoListModelView"的属性,因此绑定失败(您应该将其视为系统)。输出窗口数据异常).

ItemsSource="{Binding ToDoListModelView}"说"寻找一个名为'ToDoListModelView'的属性在我的DataContext和使用它作为我的ItemsSource"。你可能想要做的是:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:TestWPF" x:Class="TestWPF.MainWindow"
        Title="MainWindow" Height="350" Width="525">
    <Window.DataContext>
       <local:ToDoListModelView/>
    </Window.DataContext>
    <Grid Margin="1,0,-1,0">
        <DataGrid x:Name="ExistingToDoList" 
          ItemsSource="{Binding MyModelProperty}" 
        </DataGrid>
    </Grid>
</Window>

请注意,我将DataContext设置为ViewModel对象(不是模型),并将其设置为窗口。这纯粹是风格上的,但通常不设置特定控件的DataContext属性(尽管有时需要这样做)。然后绑定到一个(假想的)属性,该属性可能是ToDoListModel的一个实例。

其他几点:

  1. 如果你继承了IList,你可能做错了!ObservableCollection或其他现有实现之一有什么问题?
  2. 它的"ViewModel"不是"ModelView",只是作为命名约定

相似,但不是重复的(答案可以帮助您:在WPF中设置XAML中的DataContext)