将多选ListBox与MVVM同步

时间:2011-11-11 01:20:31

标签: .net wpf mvvm multi-select virtualizingstackpanel

我有一些数据的两个视图:一个列表视图(现在是一个ListBox,但我一直想切换到ListView)和一个花哨的图形表示在地图上。在任一视图中,用户都可以单击对象,并且将在两个视图中选择该对象。多选也是可能的,因此每个ViewModel实例都有自己的IsSelected属性。

目前我将ListBoxItem.IsSelected绑定到ViewModel.IsSelected,但只有在ListBox未虚拟化(see here)时才能正常运行。不幸的是,禁用虚拟化会损害性能,而我的应用程序变得太慢。

所以我必须再次启用虚拟化。为了保持屏幕外项目的ViewModel.IsSelected属性,我注意到ListBoxListView有一个SelectionChanged事件我可以(可能)用来传播选择状态从ListBox/ListViewViewModel

我的问题是,如何反向传播选择状态? SelectedItems的{​​{1}}属性是只读的!假设用户单击图形表示中的项目,但它在屏幕外w.r.t.列表。如果我只设置ListBox/ListView,那么ViewModel.IsSelected将不会意识到新的选择,因此如果用户点击其他项目,则无法取消选择该项目列表。我可以从ListBox/ListView拨打ListBox.ScrollIntoView,但有几个问题:

  • 在我的界面中,如果它们以图形方式位于同一位置,则实际上可以通过一次点击选择两个项目,尽管它们可能位于ViewModel中完全不同的位置。
  • 它打破了ViewModel的隔离(我的ViewModel完全没有意识到WPF,我想保持这种方式。)

那么,亲爱的WPF专家,有什么想法吗?

编辑:我最终切换到Infragistics控件并使用了一个丑陋且相当慢的解决方案。关键是,我不再需要答案了。

1 个答案:

答案 0 :(得分:25)

您可以创建一个Behavior,将ListBox.SelectedItems与ViewModel中的集合同步:

public class MultiSelectionBehavior : Behavior<ListBox>
{
    protected override void OnAttached()
    {
        base.OnAttached();
        if (SelectedItems != null)
        {
            AssociatedObject.SelectedItems.Clear();
            foreach (var item in SelectedItems)
            {
                AssociatedObject.SelectedItems.Add(item);
            }
        }
    }

    public IList SelectedItems
    {
        get { return (IList)GetValue(SelectedItemsProperty); }
        set { SetValue(SelectedItemsProperty, value); }
    }

    public static readonly DependencyProperty SelectedItemsProperty =
        DependencyProperty.Register("SelectedItems", typeof(IList), typeof(MultiSelectionBehavior), new UIPropertyMetadata(null, SelectedItemsChanged));

    private static void SelectedItemsChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
    {
        var behavior = o as MultiSelectionBehavior;
        if (behavior == null)
            return;

        var oldValue = e.OldValue as INotifyCollectionChanged;
        var newValue = e.NewValue as INotifyCollectionChanged;

        if (oldValue != null)
        {
            oldValue.CollectionChanged -= behavior.SourceCollectionChanged;
            behavior.AssociatedObject.SelectionChanged -= behavior.ListBoxSelectionChanged;
        }
        if (newValue != null)
        {
            behavior.AssociatedObject.SelectedItems.Clear();
            foreach (var item in (IEnumerable)newValue)
            {
                behavior.AssociatedObject.SelectedItems.Add(item);
            }

            behavior.AssociatedObject.SelectionChanged += behavior.ListBoxSelectionChanged;
            newValue.CollectionChanged += behavior.SourceCollectionChanged;
        }
    }

    private bool _isUpdatingTarget;
    private bool _isUpdatingSource;

    void SourceCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        if (_isUpdatingSource)
            return;

        try
        {
            _isUpdatingTarget = true;

            if (e.OldItems != null)
            {
                foreach (var item in e.OldItems)
                {
                    AssociatedObject.SelectedItems.Remove(item);
                }
            }

            if (e.NewItems != null)
            {
                foreach (var item in e.NewItems)
                {
                    AssociatedObject.SelectedItems.Add(item);
                }
            }

            if (e.Action == NotifyCollectionChangedAction.Reset)
            {
                AssociatedObject.SelectedItems.Clear();
            }
        }
        finally
        {
            _isUpdatingTarget = false;
        }
    }

    private void ListBoxSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (_isUpdatingTarget)
            return;

        var selectedItems = this.SelectedItems;
        if (selectedItems == null)
            return;

        try
        {
            _isUpdatingSource = true;

            foreach (var item in e.RemovedItems)
            {
                selectedItems.Remove(item);
            }

            foreach (var item in e.AddedItems)
            {
                selectedItems.Add(item);
            }
        }
        finally
        {
            _isUpdatingSource = false;
        }
    }

}

可以使用此行为,如下所示:

        <ListBox ItemsSource="{Binding Items}"
                 DisplayMemberPath="Name"
                 SelectionMode="Extended">
            <i:Interaction.Behaviors>
                <local:MultiSelectionBehavior SelectedItems="{Binding SelectedItems}" />
            </i:Interaction.Behaviors>
        </ListBox>

(请注意,您的ViewModel中的SelectedItems集合必须初始化;行为不会设置它,它只会更改其内容)