Disable selection of an element in Listview?

Question

How to disable selection for an element in a Listview?

I don't want to change the background when I click the elem in ListView. Can you help me?

<ListView Name="milestone_listView" Margin="817,108,90,276" ScrollViewer.CanContentScroll="True" ScrollViewer.HorizontalScrollBarVisibility="Visible" ItemsSource="{Binding}">
        <Grid Name="milestone_grid"></Grid>
    </ListView>

Answer 1

If you want none of the items to be selectable use an ItemsControl and not a ListView.

An ItemsControl can do everything that a ListView can do minus selection.

Edit:

If you need UI virtualization you will need to do more stuff with the ItemsControl. But I don't think you should worry about that now. From your code sample I don't even think you will need it anyway. Optimize your code when you need it don't prematurely try to optimize. At the moment just use the correct control for the job which is an ItemsControl.

Answer 2

Usually I just overwrite the SelectedItem brush to be transparent, although you can also use an ItemsControl to display your list if you don't want selection capabilities

<ListView.Resources>
    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
    <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Black" />
</ListView.Resources>

If you do use an ItemsControl instead, be warned that it doesn't implement virtualization by default so you have to implement it yourself if you want it

Answer 3

The trick I use is to handle the SelectionChanged event and undo the selection, say by setting SelectedIndex to -1:

<ListView SelectionChanged="ListView_SelectionChanged" />

In the code-behind:

    private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        var listView = sender as ListView;
        if (listView != null)
        {
            listView.SelectedIndex = -1;
        }
    }

Answer 4

Alternatively, you can just take the much easier approach of setting the IsEnabled property of your ListViewItem to False.

In the example below I have a 'Locked' property on the items that are bound to my ListView. When this is true I use the following data trigger to disable the associated ListViewItem, then I use other styles to visually differentiate it.

    <ListView.Resources>
        <Style TargetType="{x:Type ListViewItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=Locked}" Value="True">
                    <Setter Property="IsEnabled" Value="False" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.Resources>

Answer 5

I solved it by setting IsHitTestVisible to false. Of course, it is not suitable for every possible case, but in some cases it can be helpful.

Answer 6

This solution lets you set certain elements within your ListViewItem template not trigger a row selection by blocking the click event bubbling.

Attach this property to an element.

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace YourNamespaceName
{
    public class CancelMouseBubbling : DependencyObject
    {
        public static readonly DependencyProperty ActiveProperty = DependencyProperty.RegisterAttached(
            "Active",
            typeof(bool),
            typeof(CancelMouseBubbling),
            new PropertyMetadata(false, ActivePropertyChanged));

        /// <summary>
        /// Subscribe to the events we need.
        /// </summary>
        private static void ActivePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var element = d as FrameworkElement;
            if (element != null)
            {
                if ((e.NewValue as bool?).GetValueOrDefault(false))
                {
                    element.PreviewMouseLeftButtonDown += ElementOnPreviewMouseLeftButtonDown;
                    element.MouseLeftButtonDown += ElementOnMouseLeftButtonDown;
                }
                else
                {
                    element.PreviewMouseLeftButtonDown -= ElementOnPreviewMouseLeftButtonDown;
                    element.MouseLeftButtonDown -= ElementOnMouseLeftButtonDown;
                }
            }
        }

        /// <summary>
        /// Block some events from bubbling at the OriginalSource.
        /// </summary>
        private static void ElementOnPreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs)
        {
            if (mouseButtonEventArgs.Source is Panel)
            {
                mouseButtonEventArgs.Handled = true;
            }
        }

        /// <summary>
        /// Block all clicks from going past the element CancelMouseBubbling is set on
        /// </summary>
        private static void ElementOnMouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs)
        {
            mouseButtonEventArgs.Handled = true;
        }

        [AttachedPropertyBrowsableForChildrenAttribute(IncludeDescendants = false)]
        [AttachedPropertyBrowsableForType(typeof(FrameworkElement))]
        public static bool GetActive(DependencyObject @object)
        {
            return (bool)@object.GetValue(ActiveProperty);
        }

        public static void SetActive(DependencyObject @object, bool value)
        {
            @object.SetValue(ActiveProperty, value);
        }
    }
}

Declare a namespace so that you can access it:

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:ut="clr-namespace:YourNamespaceName"></UserControl>

And attach it to an element.

<Border ut:CancelMouseBubbling.Active="True" Background="#55171717">
...
</Border>