7

私はこのコンテキストメニューリソースを持っています：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ContextMenu x:Key="FooContextMenu">
        <ContextMenu.CommandBindings>
            <CommandBinding Command="Help" Executed="{Binding ElementName=MainTabs, Path=HelpExecuted}" />
        </ContextMenu.CommandBindings>

        <MenuItem Command="Help">
            <MenuItem.Icon>
                <Image Source="../Resources/Icons/Help.png" Stretch="None" />
            </MenuItem.Icon>
        </MenuItem>
    </ContextMenu>
</ResourceDictionary>

2か所で再利用したいです。まず、私はそれを：に入れようとしていDataGridます：

<DataGrid ContextMenu="{DynamicResource FooContextMenu}">...

それContextMenu自体は正常に動作しますが、Executed="..."私は今、アプリケーションを壊してスローします：

タイプ'System.InvalidCastException'の最初のチャンスの例外がPresentationFramework.dllで発生しました

追加情報：タイプ「System.Reflection.RuntimeEventInfo」のオブジェクトをタイプ「System.Reflection.MethodInfo」にキャストできません。

定義全体を削除するExecuted="..."と、コードは機能します（そして、コマンドは何もしない/グレー表示されます）。グリッドを右クリックしてコンテキストメニューを開くとすぐに例外がスローされます。

はDataGridいくつかの要素の下に配置されますが、最終的にはすべてがsのコレクションに設定されたTabControl（と呼ばれるMainTabs）の下にあり、呼び出したいメソッドがあります。ItemsSourceFooViewModelFooViewModelHelpExecuted

視覚化しましょう：

  • TabControl（ItemsSource=ObservableCollection<FooViewModel>、x:Name=MainTabs）
    • グリッド
      • その他のUI
        • DataGrid（コンテキストメニューが設定されている）

なぜこのエラーが発生するのですか？また、コンテキストメニューコマンドでFooViewModelのHelpExecutedメソッドを「ターゲット」にするにはどうすればよいですか？

4

5 に答える 5

3

これは役に立ちますか？

<ContextMenu>
    <ContextMenu.ItemContainerStyle>
       <Style TargetType="MenuItem">
          <Setter Property="Command" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabItem}}, Path=HelpExecuted}" />
       </Style>
    </ContextMenu.ItemContainerStyle>
    <MenuItem Header="Help" />
</ContextMenu>
于 2012-04-30T20:17:31.297 に答える
3

残念ながら、それはイベントであるExecutedため、バインドすることはできません。ContextMenu追加の問題は、アプリケーションの残りの部分にがContextMenu存在しないことです。VisualTreeこの両方の問題に対する解決策があります。

まず、Tagの親コントロールのプロパティを使用して、アプリケーションContextMenuのパススルーを行うことができDataContextます。その後、あなたはDelegateCommandあなたのために使用することができCommandBinding、そこに行きます。Viewこれは、を示す小さなサンプルViewModelと、DelegateCommandプロジェクトに追加する必要のある実装です。

DelegateCommand.cs

public class DelegateCommand : ICommand
{
    private readonly Action<object> execute;
    private readonly Predicate<object> canExecute;

    public DelegateCommand(Action<object> execute)
        : this(execute, null)
    { }

    public DelegateCommand(Action<object> execute, Predicate<object> canExecute)
    {
        if (execute == null)
            throw new ArgumentNullException("execute");

        this.execute = execute;
        this.canExecute = canExecute;
    }

    #region ICommand Members

    [DebuggerStepThrough]
    public bool CanExecute(object parameter)
    {
        return canExecute == null ? true : canExecute(parameter);
    }

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public void Execute(object parameter)
    {
        execute(parameter);
    }

    #endregion
}

MainWindowView.xaml

<Window x:Class="Application.MainWindowView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindowView" Height="300" Width="300"
        x:Name="MainWindow">
    <Window.Resources>
        <ResourceDictionary>
            <ContextMenu x:Key="FooContextMenu">
                <MenuItem Header="Help" Command="{Binding PlacementTarget.Tag.HelpExecuted, RelativeSource={RelativeSource AncestorType=ContextMenu}}" />
            </ContextMenu>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <TabControl ItemsSource="{Binding FooViewModels}" x:Name="MainTabs">
            <TabControl.ContentTemplate>
                <DataTemplate>
                    <DataGrid ContextMenu="{DynamicResource FooContextMenu}" Tag="{Binding}" />
                </DataTemplate>
            </TabControl.ContentTemplate>
        </TabControl>
    </Grid>
</Window>

MainWindowView.xaml.cs

public partial class MainWindowView : Window
{
    public MainWindowView()
    {
        InitializeComponent();
        DataContext = new MainWindowViewModel();
    }
}

MainWindowViewModel.cs

public class MainWindowViewModel
{
    public ObservableCollection<FooViewModel> FooViewModels { get; set; }

    public MainWindowViewModel()
    {
        FooViewModels = new ObservableCollection<FooViewModel>();
    }
}

FooViewModel.cs

public class FooViewModel
{
    public ICommand HelpExecuted { get; set; }

    public FooViewModel()
    {
        HelpExecuted = new DelegateCommand(ShowHelp);
    }

    private void ShowHelp(object obj)
    {
        // Yay!
    }
}
于 2012-04-30T20:49:53.720 に答える
3

MatthiasGが私を打ち負かしたのではないかと思います。私の解決策は似ています：

ここで、ヘルプコマンドはタブアイテムのビューモデルによって処理されます。TestViewModelへの参照を各TestItemViewModelに渡し、必要に応じてShowHelpをTestViewModelにコールバックさせるのは簡単です。

public class TestViewModel
{
    public TestViewModel()
    {
        Items = new List<TestItemViewModel>{ 
                    new TestItemViewModel(), new TestItemViewModel() };
    }

    public ICommand HelpCommand { get; private set; }

    public IList<TestItemViewModel> Items { get; private set; }
}

public class TestItemViewModel
{
    public TestItemViewModel()
    {
        // Expression Blend ActionCommand
        HelpCommand = new ActionCommand(ShowHelp);
        Header = "header";
    }

    public ICommand HelpCommand { get; private set; }

    public string Header { get; private set; }

    private void ShowHelp()
    {
        Debug.WriteLine("Help item");
    }
}

xaml

<Window.Resources>
    <ContextMenu x:Key="FooMenu">
        <MenuItem Header="Help" Command="{Binding HelpCommand}"/>
    </ContextMenu>
    <DataTemplate x:Key="ItemTemplate">
        <!-- context menu on header -->
        <TextBlock Text="{Binding Header}" ContextMenu="{StaticResource FooMenu}"/>
    </DataTemplate>
    <DataTemplate x:Key="ContentTemplate">
        <Grid Background="#FFE5E5E5">
            <!-- context menu on data grid -->
            <DataGrid ContextMenu="{StaticResource FooMenu}"/>
        </Grid>
    </DataTemplate>
</Window.Resources>

<Window.DataContext>
    <WpfApplication2:TestViewModel/>
</Window.DataContext>

<Grid>
    <TabControl 
        ItemsSource="{Binding Items}" 
        ItemTemplate="{StaticResource ItemTemplate}" 
        ContentTemplate="{StaticResource ContentTemplate}" />
</Grid>

ヘルプコマンドがルートビューモデルに向けられるようにする代替ビューモデル

public class TestViewModel
{
    public TestViewModel()
    {
        var command = new ActionCommand(ShowHelp);

        Items = new List<TestItemViewModel>
                    {
                        new TestItemViewModel(command), 
                        new TestItemViewModel(command)
                    };
    }

    public IList<TestItemViewModel> Items { get; private set; }

    private void ShowHelp()
    {
        Debug.WriteLine("Help root");
    }
}

public class TestItemViewModel
{
    public TestItemViewModel(ICommand helpCommand)
    {
        HelpCommand = helpCommand;
        Header = "header";
    }

    public ICommand HelpCommand { get; private set; }

    public string Header { get; private set; }
}

ActionCommandの非常に単純な実装

public class ActionCommand : ICommand
{
    private readonly Action _action;

    public ActionCommand(Action action)
    {
        if (action == null)
        {
            throw new ArgumentNullException("action");
        }

        _action = action;
    }

    public bool CanExecute(object parameter)
    {
        return true;
    }

    public void Execute(object parameter)
    {
        _action();
    }

    // not used
    public event EventHandler CanExecuteChanged;
}
于 2012-04-30T21:05:38.570 に答える
2

CommandBinding.Executedは依存関係プロパティではないため、バインドできないため、このエラーが発生します。

代わりに、ResourceDictionaryコードビハインドを使用してCommandBinding.Executedイベントのイベントハンドラーを指定し、イベントハンドラーコードで次のようにFooViewModel.HelpExecuted（）メソッドを呼び出します。

MainWindowResourceDictionary.xaml

<ResourceDictionary x:Class="WpfApplication.MainWindowResourceDictionary" 
                    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:WpfApplication">

    <DataTemplate DataType="{x:Type local:FooViewModel}">
        <Grid>
            <DataGrid ContextMenu="{DynamicResource FooContextMenu}"/>
        </Grid>
    </DataTemplate>

    <ContextMenu x:Key="FooContextMenu">
        <ContextMenu.CommandBindings>
            <CommandBinding Command="Help" Executed="HelpExecuted"/>
        </ContextMenu.CommandBindings>
        <MenuItem Command="Help"/>
    </ContextMenu>

</ResourceDictionary>

MainWindowResourceDictionary.xaml.cs

public partial class MainWindowResourceDictionary : ResourceDictionary
{
    public MainWindowResourceDictionary()
    {
        InitializeComponent();
    }

    private void HelpExecuted(object sender, ExecutedRoutedEventArgs e)
    {
        var fooViewModel = (FooViewModel)((FrameworkElement)e.Source).DataContext;
        fooViewModel.HelpExecuted();
    }
}
于 2012-04-30T20:49:49.310 に答える
1

XAMLでリソースとして構成でき、そこでCommandBindingを作成するためにコントロールにアタッチでき、もう一方の端でViewModelのメソッドにバインドできるアダプタークラスを作成できます。このメソッドは、コマンドは、ButtonまたはMenuItemによってトリガーされます。この場合のコマンドはRoutedCommandであり、事前定義されたWPFコマンドの1つを選択するか、アプリケーションでカスタムRoutedCommandを作成するかは関係ありません。

メソッドにバインドするための秘訣は

  • アダプタをフリーズ可能にして、現在のDataContextをバインディングソースとして使用できるようにします。
  • タイプDelegateまたはそのサブタイプの1つのDependencyPropertyを指定し、
  • コマンドによって呼び出されるメソッドのデリゲートを作成するために、ConverterParameterとしてメソッド名を受け入れ、バインディングソースタイプを検査するコンバーターを使用します。

これは複雑に聞こえますが、フレームワークの各部分をまとめたら、XAMLでのみ再利用でき、ViewModelまたはコードビハインドのいずれにもグルーコードがまったくないというのは良いことです。

ご想像のとおり、これにはある程度のインフラストラクチャが必要であり、コードはここに投稿したい以上のものです。ただし、このテーマに関する記事http://wpfglue.wordpress.com/2012/05/07/commanding-binding-controls-to-methods/をブログに公開したところです。ブログから、ダウンロードできます。フレームワークの完全なソースコードとVB.Netの例。

問題に適用すると、XAMLは次のようになります。

ContextMenuの定義では：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<ContextMenu x:Key="FooContextMenu">
    <!-- No CommandBindings needed here -->
    <MenuItem Command="Help">
        <MenuItem.Icon>
            <Image Source="../Resources/Icons/Help.png" Stretch="None" />
        </MenuItem.Icon>
    </MenuItem>
</ContextMenu>
</ResourceDictionary>

そして、DataGridの定義で

<DataGrid c:Commanding.CommandSet="{DynamicResource helpCommand}">
    <DataGrid.Resources>
        <f:ActionConverter x:Key="actionConverter"/>
        <c:ActionCommand x:Key="helpCommand" Command="Help" ExecutedAction="{Binding Converter={StaticResource actionConverter}, ConverterParameter=HelpExecuted}"/>
<!-- DataGrid definition continued... -->
于 2012-05-07T20:38:09.817 に答える