我在页面上有一个选项卡控件;它的项目绑定回我的 ViewModel,它还公开了一个 ActiveTabItemIndex,它绑定(两种方式)到我的 xaml 中的 SelectedIndex 属性,并实现 INotifyPropertyChanged 以便我的 TabControl 知道何时更新。
这是(我理解的)MVVM 正确的做事方式,并且 99% 都能正常工作。
class MainWindowViewModel : BaseViewModel, INotifyPropertyChanged
{
ObservableCollection<TabItemViewModel> _TabItems;
int _ActiveTabItemIndex;
public event PropertyChangedEventHandler PropertyChanged;
protected void RaisePropertyChanged(string name)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
handler(this, new PropertyChangedEventArgs(name));
}
void _TabItems_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
_ActiveTabItemIndex = _TabItems.IndexOf((TabItemViewModel)e.NewItems[0]);
RaisePropertyChanged("ActiveTabItemIndex");
}
public ObservableCollection<TabItemViewModel> TabItems
{
get
{
if (_TabItems == null)
{
_TabItems = new ObservableCollection<TabItemViewModel>();
_TabItems.CollectionChanged += new System.Collections.Specialized.NotifyCollectionChangedEventHandler(_TabItems_CollectionChanged);
}
return _TabItems;
}
}
public int ActiveTabItemIndex
{
get
{
return _ActiveTabItemIndex;
}
set
{
_ActiveTabItemIndex = value;
}
}
}
这样,我对 TabItems 集合所做的任何操作都会反映在 TabControl 上,并且当我添加新项目时,它会被自动选择。这是一种享受;但是,当将第一个项目添加到空选项卡控件时,它看起来像这样:
显示选项卡内容,但未选择该选项卡。我需要手动单击该选项卡才能使其看起来正确:
就好像选项卡的绘制与其内容的绘制之间存在某种脱节。我知道绑定正在工作,因为后续选项卡已正确处理,如果我完全删除绑定,则在手动选择选项卡之前,第一页不会显示其内容。如果有人看过这个或可以阐明一些情况,我们将不胜感激!谢谢你们 :)
仅在 setter 中引发属性更改事件;您可以将其视为允许属性本身决定“更改”的含义,并通过扩展来控制事件何时触发(并使其执行您期望的操作):
public int ActiveTabItemIndex
{
get{ return _ActiveTabItemIndex; }
set
{
if(_ActiveTabItemIndex != value)
{
_ActiveTabItemIndex = value;
RaisePropertyChanged("ActiveTabItemIndex");
}
}
}
只是改变
_ActiveTabItemIndex = _TabItems.IndexOf(...);
to
ActiveTabItemIndex = _TabItems.IndexOf(...);
并从 _TabItems_CollectionChanged 中删除 RaisePropertyChanged 调用
有时您需要在属性设置器之外引发属性更改通知,但那是为了更加复杂的一天:)
顺便说一句,INotifyPropertyChanged 应该在您的 BaseViewModel 上实现。看看绝对精彩的MVVM 轻型工具包 http://mvvmlight.codeplex.com/- 它包含您在使用 MVVM 的每个项目中必须复制的所有代码。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)