如何在XAML中将命令绑定到WPF Telerik radMenuItem？

Question

我正在使用Telerik控件库构建.Net WPF应用程序。
我的仪表板上有几个我实现的菜单。
我正在尝试使用MVVM模型。

我的菜单项的类定义（在MVVM中）如下所示：

public class MenuItemVM : MenuVM
{    
    public enum MenuItemTypes : uint
    {   
         Link,
         SpecialLink,
         TopLevel,
         TopLevelWithDropDown,
         TopLevelImage,
         TopLevelSection,
         Title,
         Item,
         Footer,
         Separator,
         Paragraph,
         Gallery,
         Image
    };

    public string Name { get; set; }
    public string Content { get; set; }
    public MenuItemTypes Type { get; set; }
    private bool isSeparator = false;

    public bool IsSeparator
    {
      get { return isSeparator; }
      set { isSeparator = value;}
    }
    public ICommand Command { get; set; }
}

XAML中菜单的定义如下所示：

telerik:RadMenu Grid.Column="0" 
Name="MainMenu" 
Orientation="Vertical" 
Margin="10,30,0,20"
Style="{StaticResource MainMenuStyle}" 
Height="1200"
ItemsSource="{StaticResource MainMenuItemsSource}" 
ItemContainerStyleSelector="{StaticResource MainMenuItemStyleSelector}" 
ItemContainerStyle="{x:Null}" 

我的ViewModel在Windows中定义。资源XAML：

<viewModel:MenuVM x:Key="MainMenuItemsSource">  
    <viewModel:MenuItemVM Name="Test1" Content="Do Test 1" Type="Item" Command="??"/>
    <viewModel:MenuItemVM Name="Test2" Content="Do Test 2" Type="Item" Command="??"/> 
    <viewModel:MenuItemVM Name="Test3" Content="Do Test 3" Type="Item" Command="??"/>
</viewModel:MenuVM>

我正在使用“样式”和“ ControlTemplate”来定义菜单控件的布局。

我有一个试图绑定到菜单项的简单命令。

namespace SampleApp.Commands
{
    public class CommandTest : ICommand
    {
        public event EventHandler CanExecuteChanged;
        public bool CanExecute(object parameter)
        {
            return true;
        }
        public void Execute(object parameter)
        {
            MessageBox.Show("Command Clicked!!!");
        }
    }
}

菜单正确显示。

我不知道如何将命令绑定到菜单定义中的菜单项。

Answer 1

将MenuItemVM对象的Command属性设置为CommandTest类的实例：

<viewModel:MenuVM x:Key="MainMenuItemsSource" xmlns:commands="clr-namespace:SampleApp.Commands">
    <viewModel:MenuItemVM Name="Test1" Content="Do Test 1" Type="Item">
        <viewModel:MenuItemVM.Command>
            <commands:CommandTest />
        </viewModel:MenuItemVM.Command>
    </viewModel:MenuItemVM>
    <viewModel:MenuItemVM Name="Test2" Content="Do Test 2" Type="Item">
        <viewModel:MenuItemVM.Command>
            <commands:CommandTest />
        </viewModel:MenuItemVM.Command>
    </viewModel:MenuItemVM>
    <viewModel:MenuItemVM Name="Test3" Content="Do Test 3" Type="Item">
        <viewModel:MenuItemVM.Command>
            <commands:CommandTest />
        </viewModel:MenuItemVM.Command>
    </viewModel:MenuItemVM>
</viewModel:MenuVM>

并将RadMenuItem容器的Command属性绑定到每个MenuItemVM的Command source属性：

<telerik:RadMenu Grid.Column="0" 
        Name="MainMenu" 
        Orientation="Vertical" 
        Margin="10,30,0,20"
        Height="1200"
        ItemsSource="{StaticResource MainMenuItemsSource}">
    <telerik:RadMenu.ItemContainerStyle>
        <Style TargetType="telerik:RadMenuItem" BasedOn="{StaticResource {x:Type telerik:RadMenuItem}}">
            <Setter Property="Command" Value="{Binding Command}" />
        </Style>
    </telerik:RadMenu.ItemContainerStyle>
</telerik:RadMenu>