首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >绑定到TabControl SelectedIndex

绑定到TabControl SelectedIndex
EN

Stack Overflow用户
提问于 2012-08-28 23:27:17
回答 1查看 7.7K关注 0票数 2

我在页面上有一个选项卡控件;它的项被绑定回我的ViewModel,它还公开了一个ActiveTabItemIndex,它被绑定(双向)到我的xaml中的SelectedIndex属性,并且它实现了INotifyPropertyChanged,以便我的TabControl知道何时更新。

这是(我理解的)MVVM-正确的做事方式,并且99%的工作正常。

代码语言:javascript
复制
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上,并且当我添加新项时,它会自动被选中。这是一种款待;但是,当将第一项添加到空选项卡控件时,它看起来如下所示:

将显示选项卡内容,但未选中该选项卡。我需要手动单击选项卡才能让它看起来正确:

这就好像在选项卡的绘制和其内容的绘制之间存在某种脱节。我知道绑定正在工作,因为后续的选项卡处理正确,如果我完全删除绑定,那么直到手动选择选项卡,第一页才会显示其内容。如果任何人已经看到了这一点或可以提供一些启示,将非常感谢!感谢所有人:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-29 03:19:20

仅在setter中引发属性更改事件;您可以将其视为允许属性本身规定“已更改”的含义,并通过扩展,让它控制事件何时被触发(并使其执行您所期望的操作):

代码语言:javascript
复制
public int ActiveTabItemIndex
{
    get{ return _ActiveTabItemIndex; }
    set
    {
        if(_ActiveTabItemIndex != value)
        {
            _ActiveTabItemIndex = value;
            RaisePropertyChanged("ActiveTabItemIndex");
        }
    }
}

只要改变就好

代码语言:javascript
复制
_ActiveTabItemIndex = _TabItems.IndexOf(...);

代码语言:javascript
复制
ActiveTabItemIndex = _TabItems.IndexOf(...);

并从_TabItems_CollectionChanged中删除RaisePropertyChanged调用

有时,您需要在属性的setter之外提升属性更改通知,但这是针对复杂得多的一天:)

顺便说一句,应该在您的BaseViewModel上实现INotifyPropertyChanged。看看这个绝对神奇的MVVM Light Toolkit --它包含了你在每个项目中使用MVVM时必须重复的所有代码。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12162577

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档