1

几个小时以来,我一直在努力解决这个问题,我希望有人能指出我正确的方向。

我的视图中有一个按钮,它有一个点击事件和一个附加的命令。click 事件根据当前状态将网格行的可见性设置为折叠或可见。

xml

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="120" />
        <RowDefinition x:Name="DetailHolder" Height="*" />
    </Grid.RowDefinitions>
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="92.915" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button x:Name="DetailButton"
                Grid.Column="1"
                Width="107"
                Height="23"
                Margin="196,94,0,0"
                HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Click= "MoreDetail_Click"
                Command="{Binding GetCFSDetailCommand}"
                Content="View Details [+]" >
            <Button.DataContext>
                <mdc:SearchViewModel/>
            </Button.DataContext>
        </Button>
    </Grid>
    <Grid x:Name="MyDetail"
          Grid.Row="1"
          MinHeight="150"
          Visibility="Collapsed">
        <TextBlock Text="My Hidden Data" />
    </Grid>
</Grid>

click 命令调用一个方法来测试 MyDetail 部分的当前视觉状态并展开或折叠它

该命令从我的 viewModel 等调用 GetCFSDetailCommand

我卡住的地方是我只想在视图折叠时调用命令 GetCFSDetailCommand 。现在设置的方式是每次单击按钮时都会触发命令。我不能使用 ICommand CanExecute 因为我不想禁用该按钮。我将不胜感激有关如何实现这一目标的任何建议或想法。一种想法是测试背后事件代码中的可见性,然后基于该事件调用命令。如果这是正确的方法,我将非常感谢代码示例,因为我没有运气从事件中调用命令。

提前致谢

4

3 回答 3

1

您可以使用指定ElementName的绑定将CommandParameter绑定到网格的可见性,然后根据传递给命令的参数值选择执行或不执行命令。

CommandParameter="{Binding ElementName = MyDetail , Path= Visibility }"

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="120" />
        <RowDefinition x:Name="DetailHolder" Height="*" />
    </Grid.RowDefinitions>
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="92.915" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Button x:Name="DetailButton" 
                Grid.Column="1" Width="107" Height="23" Margin="196,94,0,0" 
                HorizontalAlignment="Left" VerticalAlignment="Top" 
                Command="{Binding GetCFSDetailCommand}" 
                CommandParameter="{Binding ElementName=MyDetail, Path=Visibility}"
                Content="View Details [+]"
        >

        </Button>
    </Grid>
    <Grid x:Name="MyDetail" Grid.Row="1" MinHeight="150" Visibility="Collapsed">
        <TextBlock Text="My Hidden Data" />
    </Grid>
</Grid>

您最初可能必须考虑源为 null,但我使用了上面的 XAML 并且能够将可见性传递给我的命令处理程序。

于 2011-06-01T18:36:02.377 回答
1

在 DataTrigger 中设置您的 Command 属性

<Button x:Name="DetailButton" Content="View Details [+]">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=MyDetail, Path=Visibility}"
                             Value="Collapsed">
                    <Setter Property="Command" Value="{Binding GetCFSDetailCommand}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
<Button>

该命令将在 MyDetail 面板折叠时设置。否则,它是不受约束的,什么也不会发生。

于 2011-06-02T18:55:34.607 回答
0

从事件调用命令是合法的,您也可以直接从 XAML 中执行此操作。您也可以将可见性状态作为命令参数传递。

请参阅下面的示例:

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras"

<Rectangle Fill="White"
           Stroke="Black"
           Width="200"
           Height="100">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseEnter">
            <cmd:EventToCommand Command="{Binding TestCommand,
                                          Mode=OneWay}"
               CommandParameter="{Binding Text,
                                  ElementName=MyTextBox,
                                  Mode=OneWay}"
               MustToggleIsEnabledValue="True" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Rectangle>

您将为此使用 MvvmLight 工具包。您可以通过 NuGet 轻松安装它。

来源:MvvmLight

于 2011-06-01T23:25:14.677 回答