数据网格绑定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>
您将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
的一个实例。
其他几点:
- 如果你继承了
IList
,你可能做错了!ObservableCollection
或其他现有实现之一有什么问题? - 它的"ViewModel"不是"ModelView",只是作为命名约定
相似,但不是重复的(答案可以帮助您:在WPF中设置XAML中的DataContext)