メニューのトップレベルMenuItemへのコマンドバインディングが機能しません

Question

私はWPFを学び、ItemsSourceのデータバインディングによってObservableCollectionにバインドされたダイナミックメニューを開発しています。これを行うには、MenuItemを自動的にバインドするためのMenuItemViewModelとHierarchicalDataTemplateがあります。

問題は、Commandというプロパティがトップレベルのメニュー項目で機能しないことです。設定されているにもかかわらず、MenuItemはマウスクリックで反応せず、Commandを実行できないと無効になりません。単にそれが縛られていないようなものです。

低レベルのメニュー項目については、意図したとおりに動作します。私はこれが私のHierarchicalDataTemplateの問題でなければならないと思うが、見つからない。トップレベルのMenuItemだけのコマンドバインディングに影響を与える可能性のあるコードはテンプレートにはないからだ。

MenuItemViewModelはINotifyPropertyChangedを実装し、パブリックプロパティを次のものが含まれます。次のように私のWindow.ResourcesでのMenuItemのため

string Text 
Uri ImageSource 
ICommand Command 
ObservableCollection<MenuItemViewModel> Children 

HierarchicalDataTemplateは次のとおりです。

<HierarchicalDataTemplate DataType="{x:Type common:MenuItemViewModel}" 
          ItemsSource="{Binding Path=Children}"> 

    <HierarchicalDataTemplate.ItemContainerStyle> 
     <Style TargetType="MenuItem"> 
      <Setter Property="Command" 
       Value="{Binding Command}" /> 
     </Style> 
    </HierarchicalDataTemplate.ItemContainerStyle> 

    <StackPanel Orientation="Horizontal"> 
     <Image Source="{Binding ImageSource}" /> 
     <TextBlock Text="{Binding Text}" VerticalAlignment="Center"/> 
    </StackPanel> 

</HierarchicalDataTemplate> 

あなたは私のミスで私をポイントしてくださいできますか？

EDIT：最上位のMenuItemに子がありません（関連付けられたViewModelのコレクションが空です）。

Answer 1

@sTrenat commentのおかげで、私は以下の解決策になりました。

<Menu.Resources> 
    <!-- cancel sharing of image so Icon will work properly --> 
    <Image x:Key="MenuIcon" Source="{Binding ImageSource}" x:Shared="False"/> 
</Menu.Resources> 

<Menu.ItemContainerStyle> 
    <Style TargetType="{x:Type MenuItem}" 
      BasedOn="{StaticResource {x:Type MenuItem}}"> 
     <Setter Property="Header" Value="{Binding Text}" /> 
     <Setter Property="Icon" Value="{StaticResource MenuIcon}"/> 
     <Setter Property="Command" Value="{Binding Command}"/> 
     <Setter Property="ItemsSource" Value="{Binding Children}" /> 

     <!-- centering MenuItem's Header --> 
     <Setter Property="HeaderTemplate"> 
      <Setter.Value> 
       <DataTemplate> 
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Content="{Binding}" /> 
       </DataTemplate> 
      </Setter.Value> 
     </Setter> 

     <!-- setting Icon to null when ImageSource isn't specified --> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding ImageSource}" 
         Value="{x:Null}"> 
       <Setter Property="Icon" Value="{x:Null}"/> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</Menu.ItemContainerStyle>