3

Есть

<ListView ItemsSource="{Binding StudentsList}" SelectedItem="{Binding SelectedStudent}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="10">
                <TextBlock Text="{Binding}" FontWeight="Bold"/>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding GetGroupNum}" Margin="10,0"/>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Где StudentList - коллекция студентов, SelectedStudent - конкретный выбранный студент.

Необходимо по двойному нажатию на ListView, вызвать команду EditStudent. Команды умею привязывать только к Button. Как поступить в этом случае?

3 ответа 3

5

Давайте воспользуемся такой штукой как InputBindings:

<StackPanel>
    <StackPanel.InputBindings>
        <MouseBinding Gesture="LeftDoubleClick"
                      Command="{Binding DataContext.EditStudent,
                          RelativeSource={RelativeSource FindAncestor,
                              AncestorType=Window}}"
                      CommandParameter="{Binding}"/>
    </StackPanel.InputBindings>
    ...
</StackPanel>

Это уже работает, но у всех ItemsControl есть нюанс - по умолчанию они не растягивают свои элементы, это можно увидеть, если задать StackPanel любой цвет в Background, поэтому команда будет вызываться только при клике четко по тексту элемента. Исправить это можно, подкорректировав стиль ListViewItem:

<ListView ItemsSource="{Binding StudentsList}" ...>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        </Style>
    </ListView.ItemContainerStyle>
...

Ну и нужно еще что-то сделать с отступами, так как то что у вас сейчас StackPanel Margin="10" вам скорее всего не понравится, например можно обернуть всё в прозрачный Border (InputBindings теперь переезжают в него, в StackPanel они больше не нужны):

<ListView.ItemTemplate>
    <DataTemplate>
        <Border Padding="10">
            <Border.InputBindings>
                <MouseBinding Gesture="LeftDoubleClick"
                              Command="{Binding DataContext.EditStudent,
                                  RelativeSource={RelativeSource FindAncestor,
                                      AncestorType=Window}}"
                              CommandParameter="{Binding}"/>
            </Border.InputBindings>
            <StackPanel>
                ...
            </StackPanel>
        </Border>
    </DataTemplate>
</ListView.ItemTemplate>

Вот тогда между элементами будут визуальные отступы, но команда будет отрабатывать по клику в любом месте элемента

7
  • Да, Ваш вариант подходит, именно то, что и хотел. Спасибо.
    – TorSen
    25 окт 2017 в 9:45
  • MouseBinding? Круто, не знал, пользовался System.Interactivity вместо этого.
    – VladD
    25 окт 2017 в 12:53
  • @VladD, фишка в том еще, что у StackPanel нет события DoubleClick вообще, поэтому Interactivity не понятно как привязать 25 окт 2017 в 13:01
  • @Андрей: Например, на MouseLeftButtonUp, как здесь.
    – VladD
    25 окт 2017 в 22:51
  • @VladD, а количество кликов и время задержки между ними вручную подсчитывать что ли? 26 окт 2017 в 3:13
0
    private void ListView_MouseDoubleClick_1(object sender, MouseButtonEventArgs e)
    {
        EditStudent();
    }  
  1. Выделите listview в конструкторе;
  2. Перейдите во вкладку "свойства";
  3. Кликните на кнопку с картинкой молнии в верхнем правом углу, ее название "Обработчики событий выбранного элемента", в разных студиях может называться по разному;
  4. Найдите событие с именем MouseDoubleClick, в пустое поле кликните 2 раза и студия все сделает за Вас;
    введите сюда описание изображения
3
  • 1
    команда находится во VM, таким образом ее вызвать не получится.
    – Gardes
    25 окт 2017 в 5:18
  • Ну и это клик по ListView, а не по его элементам 25 окт 2017 в 5:23
  • 1
    судя по контексту вопроса команда все же находится во VM
    – Gardes
    25 окт 2017 в 5:25
0
<ListView>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDoubleClick">
            <i:InvokeCommandAction Command="{Binding EditStudent}" CommandParameter=""/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</ListView>
3
  • Это клик по самому ListView, а ТС надо клик по элементу, не так ли? Можно кликнуть 2 раза в любом месте ListView и это событие сработает, даже если в нем нет ни одного элемента 25 окт 2017 в 5:31
  • 2
    Дождемся автора чтобы разрешить эту дилемму
    – Gardes
    25 окт 2017 в 5:35
  • Клик необходим по элементу. Команда во ViewModel.
    – TorSen
    25 окт 2017 в 9:39

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.