主页 / 问题 / 735451
Accepted
TorSen
Asked:2020-10-25 04:54:26 +0000 UTC2020-10-25 04:54:26 +0000 UTC

双击 ListView 项的命令

  • 772

有

<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>

whereStudentList是一个学生的集合，SelectedStudent是一个特定的选定学生。

需要双击ListView调用命令EditStudent。我只能将命令绑定到Button. 在这种情况下如何进行？

c#

3 个回答

  1. Best Answer

    让我们使用这样的东西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>

    然后元素之间会有视觉缩进，但是该命令将在单击元素中的任意位置时起作用

    • 5 
  2.     private void ListView_MouseDoubleClick_1(object sender, MouseButtonEventArgs e)
    {
        EditStudent();
    }
    1. listview在构造函数中突出显示；
    2. 转到“属性”选项卡；
    3. 点击右上角带有闪电图片的按钮，其名称为“所选元素的事件处理程序”，在不同的工作室中可以有不同的称呼；
    4. 找到一个名为 的活动，MouseDoubleClick在空白处双击，工作室会为你做一切；
      在此处输入图像描述
    • 0 
  3. <ListView>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDoubleClick">
            <i:InvokeCommandAction Command="{Binding EditStudent}" CommandParameter=""/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</ListView>
    • 0

相关问题