Подтвердить что ты не робот

Синхронизация многоэкранного списка ListBox с MVVM

У меня есть два представления некоторых данных: теперь вид списка (a ListBox, но я имею в виду переход на ListView) и фантастическое графическое представление на карте. В любом представлении пользователь может щелкнуть объект, и он будет выбран в обоих представлениях. Также возможен мультиселектор, поэтому каждый экземпляр ViewModel имеет свое собственное свойство IsSelected.

В настоящее время я привязываю ListBoxItem.IsSelected к ViewModel.IsSelected, но это работает корректно, если ListBox НЕ виртуализируется (см. здесь). К сожалению, отключение виртуализации ухудшает производительность, и мое приложение стало слишком медленным.

Поэтому мне нужно снова включить виртуализацию. Чтобы сохранить свойство ViewModel.IsSelected элементов вне экрана, я заметил, что ListBox и ListView имеют событие SelectionChanged, которое я могу (предположительно) использовать для распространения состояния выбора из ListBox/ListView в ViewModel.

Мой вопрос: как мне распространять состояние выбора в обратном направлении? Свойство SelectedItems ListBox/ListView доступно только для чтения! Предположим, что пользователь нажимает на элемент в графическом представлении, но он находится вне экрана w.r.t. список. Если я просто установил ViewModel.IsSelected, тогда ListBox/ListView не будет знать о новом выборе, и, как следствие, он не сможет отменить выбор этого элемента, если пользователь нажмет на него другой элемент в списке. Я мог бы вызвать ListBox.ScrollIntoView из ViewModel, но есть несколько проблем:

  • В моем пользовательском интерфейсе фактически можно выбрать два элемента одним щелчком мыши, если они находятся в одном и том же месте графически, хотя они могут находиться в совершенно разных местах в ListBox/ListView.
  • Он разбивает изоляцию ViewModel (мой ViewModel полностью не знает WPF, и я хотел бы сохранить его таким образом.)

Итак, мои дорогие эксперты WPF, любые мысли?

EDIT: я перешел на управление Infragistics и использовал уродливое и довольно медленное решение. Дело в том, что мне больше не нужен ответ.

4b9b3361

Ответ 1

Вы можете создать 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>

(обратите внимание, что коллекция SelectedItems в вашей ViewModel должна быть инициализирована, поведение не будет установлено, оно изменит ее содержимое)