当绑定到选项卡控件时，我如何延迟加载视图模型属性?

Question

我在我的WPF应用程序中使用MVVM，在主/详细类型场景中，我有一个搜索结果列表(主)。当用户选择一个结果时，我调用Refresh并传递数据库键来加载详细信息。细节是一个带有一些复杂属性的视图模型。这些属性中的每一个都有一个项目列表(表示数据库中的数据)以及一些其他iccommand和属性。

我的视图有一个选项卡控件，其中每个选项卡显示其中一个复杂属性的数据。如果用于查看数据的选项卡项被选中(可见?)，我只想加载复杂属性的列表(调用LoadItems()方法)。

下面是一个简短的例子:

public class MyItem{
    public string Id{get;set;}
    public DateTime Timestamp{get;set;}
}
public class ComplexClass:INotifyPropertyChanged
{
    private Guid _key;
    private List<MyItem> _items;
    public string Name{get;set;}
    public List<MyItem> Items 
    {
        get{
            if (_items == null) LoadItems(_key);
            return _items;
        }
        set{
            if(Equals(value, _items) return;
            _item = value;
            OnPropertyChanged("Items");
        }
    }
    public void LoadItems(Guid key){
    ... //code to load Items from database based on the key.
    }
    public ComplexClass(string name, Guid key){
        Name = name;
        _key = key;
    }
}
public class MyViewModel:INotifyPropertyChanged
{
    private ComplexClass _currentItems;
    public ComplexClass CurrentItems 
    {
        get{return _currentItems;}
        set{
            if(Equals(value, _currentItems) return;
            _currentItem = value;
            OnPropertyChanged("CurrentItems");
        }
    }
    private ComplexClass _historyItems;
    public ComplexClass HistoryItems
    {
        get{return _historyItems;}
        set{
            if(Equals(value, _historyItems) return;
            _historyItems= value;
            OnPropertyChanged("HistoryItems");
        }
    }
    public void Refresh(Guid key){
        CurrentItems = new ComplexClass("Foo", key);
        HistoryItems = new ComplexClass("Bar", key);
    }
}

这里是一些示例XAML(假设TabControl的DataContex是ViewModel的一个实例)。

... 
<TabControl>
    <TabItem Header="Current Items"
        DataContext={Binding CurrentItems}>
        ...
        <ItemsControl ItemsSource={Binding Items}>
            ....
        </ItemsControl>
    </TabItem>
    <TabItem Header="History Items"
        DataContext={Binding HistoryItems}>
        ...
        <ItemsControl ItemsSource={Binding Items}>
            ....
        </ItemsControl>
    </TabItem>
</TabControl>

这是第一次工作。HistoryItems。Items Getter在"History Items"选项卡被选中之前不会被调用。

但是如果我在ViewModel实例上调用Refresh，它会在CurrentItems和HistoryItems上调用Items getter，无论选择哪个选项卡。

基本上，我想通过只加载所需的数据来提高性能。在大多数情况下，用户将滚动搜索结果(调用ViewModel.Refresh)，查看当前项或历史记录。我只希望在用户更改选项卡时同时加载。

是否有任何方法，在我调用刷新后，我只能调用LoadItems为CurrentItems或HistoryItems基于哪个选项卡被选中?

Answer 1

在TabItem元素上有一个IsSelected属性

在视图模型中创建两个bool属性。将相同的属性绑定到两个TabItem元素的IsSelected属性。

为所选选项卡调用相应的set方法中的LoadItems()。

希望这能解决你的问题:-)