Как отменить выбор выбранной строки в LongListSelector в WP8

Question

Должен сказать, что мне действительно не нравится LongListSelector в WP8, и мне гораздо больше нравится версия инструментария.

Во-первых, он не совместим с MVVM, поэтому я нашел этот код, чтобы сделать его таким.

  public class LongListSelector : Microsoft.Phone.Controls.LongListSelector
    {
        public LongListSelector()
        {
            SelectionChanged += LongListSelector_SelectionChanged;
        }

        void LongListSelector_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            SelectedItem = base.SelectedItem;
        }

        public static readonly DependencyProperty SelectedItemProperty =
            DependencyProperty.Register(
                "SelectedItem",
                typeof(object),
                typeof(LongListSelector),
                new PropertyMetadata(null, OnSelectedItemChanged)
            );

        private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var selector = (LongListSelector)d;
            selector.SelectedItem = e.NewValue;
        }

        public new object SelectedItem
        {
            get { return GetValue(SelectedItemProperty); }
            set { SetValue(SelectedItemProperty, value); }
        }
    }

Затем я сделал вид модели, используя свет MVVM

  public class MainViewModel : ViewModelBase
    {

        public MainViewModel()
        {
           MyList = new ObservableCollection<Test>
           {
               new Test
               {
                    Name = "test 1"
               },
               new Test
               {
                   Name = "test 2"
               }
           };

           ButtonCmd = new RelayCommand(() => Hit());
        }

        private void Hit()
        {
            SelectedItem = null;
        }

        public ObservableCollection<Test> MyList { get; set; }

        /// <summary>
        /// The <see cref="SelectedItem" /> property's name.
        /// </summary>
        public const string SelectedItemPropertyName = "SelectedItem";

        private Test selectedItem = null;

        /// <summary>
        /// Sets and gets the SelectedItem property.
        /// Changes to that property's value raise the PropertyChanged event. 
        /// </summary>
        public Test SelectedItem
        {
            get
            {
                return selectedItem;
            }

            set
            {
                if (value != null)
                {
                    MessageBox.Show(value.Name);
                }


                if (selectedItem == value)
                {
                    return;
                }

                RaisePropertyChanging(() => SelectedItem);
                selectedItem = value;
                RaisePropertyChanged(() => SelectedItem);
            }
        }


        public RelayCommand ButtonCmd
        {
            get;
            private set;
        }

тогда я сделал модель

public class Test : ObservableObject
    {
        public string Name { get; set; }
    }

тогда я сделал XAML

<phone:PhoneApplicationPage
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:ignore="http://www.ignore.com"
                            xmlns:local="clr-namespace:MvvmLight2" x:Class="MvvmLight2.MainPage"
                            mc:Ignorable="d ignore"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}"
                            FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}"
                            SupportedOrientations="Portrait"
                            Orientation="Portrait"
                            shell:SystemTray.IsVisible="True"
                            DataContext="{Binding Main, Source={StaticResource Locator}}">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot"
        Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <local:LongListSelector ItemsSource="{Binding MyList}" SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
            <local:LongListSelector.Resources>
                <DataTemplate x:Key="ItemTemplate">
                    <Grid>
                        <TextBlock Text="{Binding Name}" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="48"/>
                    </Grid>
                </DataTemplate>
            </local:LongListSelector.Resources>
            <local:LongListSelector.ItemTemplate>
                <StaticResource ResourceKey="ItemTemplate"/>
            </local:LongListSelector.ItemTemplate>
        </local:LongListSelector>
        <Button Content="Unselect" HorizontalAlignment="Left" Margin="142,81,0,0" Grid.Row="1" VerticalAlignment="Top" Command="{Binding ButtonCmd, Mode=OneWay}"/>
    </Grid>

</phone:PhoneApplicationPage>

когда я нажимаю на первый элемент в списке, появляется окно сообщения, и если я нажимаю на него снова, ничего не происходит. Затем я нажимаю кнопку, которая обнуляет selectedItem (которого в старой версии инструментария будет достаточно), и пытаюсь снова, и ничего не происходит.

Единственный способ, которым я могу каждый выбрать первую строку, - это выбрать вторую строку, что очень плохо, если, скажем, список содержит только 1 элемент в любой момент времени.

Странно то, что простой набор строк даже не требует, чтобы я установил SelectItem в null, поскольку он всегда отменяет выбор, но когда дело доходит до сложных типов, это не пойдет.

Answer 1

Я использовал тот же код и столкнулся с той же проблемой. Причина этого в том, что ваше свойство SelectedItem затмевает свойство base.SelectedItem. При установке его на новое значение, установите не только свойство SelectedItem, но и базовое:

    public new object SelectedItem
    {
        get { return GetValue(SelectedItemProperty); }
        set 
        { 
            SetValue(SelectedItemProperty, value);
            base.SelectedItem = value;
        }
    }

Затем у вас есть код, поддерживающий MVVM, и вы можете сбросить SelectedItem в вашей ViewModel (установив его в ноль).

Answer 2

Вы можете легко достичь с помощью в выбранном событии

void LongListSelector_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            if((sender as LongListSelector).SelectedItem == null){

             return;
            }

            SelectedItem = base.SelectedItem;
            (sender as LongListSelector).SelectedItem = null;   
        }