mvvm how to make a list view auto scroll to a new Item in a list view

by

This solution is for a ListBox, but it could be modified for a ListView… This will scroll the selected item into view when you change the selected item from the ViewModel.

Class:

/// <summary>
/// ListBoxItem Behavior class
/// </summary>
public static class ListBoxItemBehavior
{
    #region IsBroughtIntoViewWhenSelected

    /// <summary>
    /// Gets the IsBroughtIntoViewWhenSelected value
    /// </summary>
    /// <param name="listBoxItem"></param>
    /// <returns></returns>
    public static bool GetIsBroughtIntoViewWhenSelected(ListBoxItem listBoxItem)
    {
        return (bool)listBoxItem.GetValue(IsBroughtIntoViewWhenSelectedProperty);
    }

    /// <summary>
    /// Sets the IsBroughtIntoViewWhenSelected value
    /// </summary>
    /// <param name="listBoxItem"></param>
    /// <param name="value"></param>
    public static void SetIsBroughtIntoViewWhenSelected(
      ListBoxItem listBoxItem, bool value)
    {
        listBoxItem.SetValue(IsBroughtIntoViewWhenSelectedProperty, value);
    }

    /// <summary>
    /// Determins if the ListBoxItem is bought into view when enabled
    /// </summary>
    public static readonly DependencyProperty IsBroughtIntoViewWhenSelectedProperty =
        DependencyProperty.RegisterAttached(
        "IsBroughtIntoViewWhenSelected",
        typeof(bool),
        typeof(ListBoxItemBehavior),
        new UIPropertyMetadata(false, OnIsBroughtIntoViewWhenSelectedChanged));

    /// <summary>
    /// Action to take when item is brought into view
    /// </summary>
    /// <param name="depObj"></param>
    /// <param name="e"></param>
    static void OnIsBroughtIntoViewWhenSelectedChanged(
      DependencyObject depObj, DependencyPropertyChangedEventArgs e)
    {
        ListBoxItem item = depObj as ListBoxItem;
        if (item == null)
            return;

        if (e.NewValue is bool == false)
            return;

        if ((bool)e.NewValue)
            item.Selected += OnListBoxItemSelected;
        else
            item.Selected -= OnListBoxItemSelected;
    }

    static void OnListBoxItemSelected(object sender, RoutedEventArgs e)
    {
        // Only react to the Selected event raised by the ListBoxItem 
        // whose IsSelected property was modified.  Ignore all ancestors 
        // who are merely reporting that a descendant's Selected fired. 
        if (!Object.ReferenceEquals(sender, e.OriginalSource))
            return;

        ListBoxItem item = e.OriginalSource as ListBoxItem;
        if (item != null)
            item.BringIntoView();
    }

    #endregion // IsBroughtIntoViewWhenSelected
}

Add the xmlns to your view:

xmlns:util="clr-namespace:YourNamespaceHere.Classes"

Add the style to the resources of the Window/UserControl:

<Window.Resources>
    <Style x:Key="ListBoxItemContainerStyle" TargetType="{x:Type ListBoxItem}"
        BasedOn="{StaticResource {x:Type ListBoxItem}}">
        <Setter Property="util:ListBoxItemBehavior.IsBroughtIntoViewWhenSelected" Value="true"/>
    </Style>
</Window.Resources>

Implement the listbox:

<ListBox ItemsSource="{Binding MyView}"
         DisplayMemberPath="Title"
         SelectedItem="{Binding SelectedItem}" 
         ItemContainerStyle="{StaticResource ListBoxItemContainerStyle}"/>

More Related Contents:

  1. Is it possible to implement smooth scroll in a WPF listview?
  2. ScrollIntoView for WPF DataGrid (MVVM)
  3. Add n rectangles to canvas with MVVM in WPF
  4. WPF MVVM navigate views
  5. Set focus on TextBox in WPF from view model
  6. How should the ViewModel close the form?
  7. Why RelayCommand
  8. WPF Binding UI events to commands in ViewModel
  9. How to call functions in a main view model from other view models?
  10. Select multiple items from a DataGrid in an MVVM WPF project
  11. Stop TabControl from recreating its children
  12. How to handle dependency injection in a WPF/MVVM application
  13. This type of CollectionView does not support changes to its SourceCollection from a thread different from the Dispatcher thread [duplicate]
  14. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  15. Close Window from ViewModel [duplicate]
  16. MVVM: Binding radio buttons to a view model?
  17. MVVM Light 5.0: How to use the Navigation service
  18. How to write a ViewModelBase in MVVM
  19. Proper validation with MVVM
  20. Binding an Image in WPF MVVM
  21. MVVM show new window from VM when seperated projects
  22. Cannot find source for binding with reference ‘RelativeSource FindAncestor’ [duplicate]
  23. Binding ComboBox SelectedItem using MVVM
  24. Handling the window closing event with WPF / MVVM Light Toolkit
  25. WPF OpenFileDialog with the MVVM pattern? [duplicate]
  26. Creating an MVVM friendly dialog strategy
  27. Should I bind to ICollectionView or ObservableCollection
  28. How do you pass a BitmapImage from a background thread to the UI thread in WPF?
  29. Page Navigation using MVVM in Store App
  30. How to bind column header to property in ViewModel? (WPF MVVM)

Leave a Comment