1

ツリービューを含むユーザーコントロール(例:UserCtrlClass)があります

ツリービューでの実際のアイテム/データ表示を表すためのビューモデル(例:OBJViewModel)クラスがあります

次に、OBJViewModelオブジェクトのリストを持つツリービューモデル(例:TreeViewModel)があります

これで、ユーザーコントロールのコードビハインドファイルで、ツリービューモデルクラスをインスタンス化し、ユーザーコントロールクラスのデータコンテキストとして設定しました。

ツリー内の特定のアイテムを右クリックしたときにのみ表示する必要があるコンテキスト依存のメニューが必要なので、ユーザーコントロールクラスの右クリックイベントを処理し、そこで作業を行いました

しかし、コマンドは機能していません。コマンドはIコマンドから派生し、TreeViewModelクラスでインスタンス化されます。Command.executeをデバッグしようとしましたが、ヒットしませんでした。私は.netとwpfの初心者なので、助けていただければ幸いです。

TreeViewModelクラス

<UserControl Name="PFDBUserCtrl" x:Class="BFSimMaster.BFSMTreeview"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:BFSimMaster.ViewModel"
         xmlns:cmd="clr-namespace:BFSimMaster.Commands"
         mc:Ignorable="d" 
         d:DesignHeight="66" d:DesignWidth="300">
<UserControl.Resources>
    <!--cmd:ActivateProjectCmd x:Key="CMDActivateProject"/-->
    <!--cmd:DeActivateProjectCmd x:Key="CMDDeActivateProject"/-->
</UserControl.Resources>
<DockPanel>
    <!-- PF Object Browser TREE -->
    <TreeView Name="PFDataBrowser" ItemsSource="{Binding LevelOnePFObjects}" >  
        <TreeView.Resources>
            <ContextMenu x:Key ="ProjectMenu"  StaysOpen="true" >
                <!-- Text="{Binding Source={StaticResource myDataSource}, Path=PersonName}-->
                <!--MenuItem Header="Activate" Command="{Binding Source={StaticResource CMDActivateProject}}" CommandParameter="{Binding Path=PlacementTarget,RelativeSource={RelativeSource AncestorType=ContextMenu}}"/-->
                <MenuItem Header="Activate" Command="{Binding DataContext.CMDActivateProject, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" CommandParameter="{Binding Path=PlacementTarget,RelativeSource={RelativeSource AncestorType=ContextMenu}}"/>
                <MenuItem Header="Deactivate" Command="{Binding Source=TVViewModel, Path=CMDDeActivateProject}" CommandParameter="{Binding Path=PlacementTarget,RelativeSource={RelativeSource AncestorType=ContextMenu}}"/>
            </ContextMenu>
        </TreeView.Resources>
        <TreeView.ItemContainerStyle>
            <!-- This Style binds a TreeViewItem to a PFObject View Model.-->                
            <Style TargetType="{x:Type TreeViewItem}">                    
                <EventSetter Event="MouseRightButtonDown" Handler="OnRightButtonDown"/>
                <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                <Setter Property="FontWeight" Value="Normal" />

                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="FontWeight" Value="Bold" />
                    </Trigger>                        
                </Style.Triggers>

            </Style>
        </TreeView.ItemContainerStyle>

        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                <TextBlock Text="{Binding Name}" />
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</DockPanel>

クラスの背後にあるコード

using System;
namespace BFSimMaster
{

public partial class BFSMTreeview : UserControl
{

    readonly TreeViewItemViewModel mViewModelPFObjBrowserTree;  
    public BFSMTreeview()
    {
        InitializeComponent();

        WApplication appPF = PFAPIUtils.APIInstance.GetApplication();
        WDataObject User = appPF.GetCurrentUser();



        // Get raw objects - tree data from a PF database.
        //BFPFDataObject userdb = new BFPFDataObject(User,false,"*.IntPrj");
        BFPFDataObject userdb = new BFPFDataObject(User, true);

        // Create UI-friendly wrappers around the 
        // raw data objects (i.e. the view-model).
        mViewModelPFObjBrowserTree = new TreeViewItemViewModel(userdb);

        // Let the UI bind to the view-model.
        base.DataContext = mViewModelPFObjBrowserTree;

    }
    public TreeViewItemViewModel TVViewModel
    {
        get { return mViewModelPFObjBrowserTree; }
    }

    private void OnRightButtonDown(object sender, MouseButtonEventArgs e)
    {
        //MessageBox.Show("Right Clicked on tree view");
        if (sender is TreeViewItem)
        {
            e.Handled = true;
            (sender as TreeViewItem).IsSelected = true;

            string strObjectType = ((sender as TreeViewItem).Header as PFObjectViewModel).PFDataObject.mThisPFObject.GetClassName().GetString();
            switch (strObjectType)
            {
                case "IntPrj":
                    (sender as TreeViewItem).ContextMenu = PFDataBrowser.Resources["ProjectMenu"] as System.Windows.Controls.ContextMenu;
                    (sender as TreeViewItem).ContextMenu.PlacementTarget = (sender as TreeViewItem); 
                    break;
                case "Folder":
                    (sender as TreeViewItem).ContextMenu = PFDataBrowser.Resources["ProjectMenu"] as System.Windows.Controls.ContextMenu;
                    break;
            }

        }
    }
}

}

TreeViewModelクラス

using System;
namespace BFSimMaster.ViewModel
{

public class TreeViewItemViewModel 
{
    #region Data

    readonly ReadOnlyCollection<PFObjectViewModel> mLevelOnePFObjects;
    readonly PFObjectViewModel mRootOfPFObjects;

    #endregion // Data

    #region Constructor


    public TreeViewItemViewModel(BFPFDataObject rootOfPFObjectsA)
    {
        this.CMDActivateProject = new ActivateProjectCmd();
        this.CMDDeActivateProject = new DeActivateProjectCmd();
        mRootOfPFObjects = new PFObjectViewModel(rootOfPFObjectsA);

        mLevelOnePFObjects = new ReadOnlyCollection<PFObjectViewModel>(
            new PFObjectViewModel[] 
            { 
                mRootOfPFObjects 
            });            
    }

    #endregion // Constructor
    public ICommand CMDActivateProject { get; set; }
    public ICommand CMDDeActivateProject { get; set; }

    public ReadOnlyCollection<PFObjectViewModel> LevelOnePFObjects
    {
        get { return mLevelOnePFObjects; }
    }       

}
}
4

3 に答える 3

0

MenuItem に VM クラスを導入し、ExtendedContextMenu.Items={Binding ContextMenu}アタッチされたプロパティでコンテキスト メニューを設定することで、この問題を解決しました。MenuResourcesDictionary は、裏面の .cs ファイルを含む ResourceDictionary.xaml です (以下を参照)。

コードで使用するには、ツリー モデルにプロパティを追加し、そこにコマンドを配置する必要があります (たとえば、コンストラクタIEnumerable<MenuItemVM> ContextMenuに渡すなど)。MenuItemVMそしてアイテムスタイルに追加<Setter Property="ExtendedContextMenu.Items" Value="{Binding DataContext.ContextMenu}" />

public static class ExtendedContextMenu
{
    private static readonly StyleSelector _styleSelector = new ContextMenuItemStyleSelector();

    public static readonly DependencyProperty ItemsProperty =
        DependencyProperty.RegisterAttached("Items",
                                            typeof(IEnumerable<MenuItemVM>),
                                            typeof(ExtendedContextMenu),
                                            new FrameworkPropertyMetadata(default(IEnumerable<MenuItemVM>), ItemsChanged));

    public static void SetItems(DependencyObject element, IEnumerable<MenuItemVM> value)
    {
        element.SetValue(ItemsProperty, value);
    }

    public static IEnumerable<MenuItemVM> GetItems(DependencyObject element)
    {
        return (IEnumerable<MenuItemVM>)element.GetValue(ItemsProperty);
    }

    private static void ItemsChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var target = (FrameworkElement)d;

        var items = (IEnumerable<MenuItemVM>)e.NewValue;
        var contextMenu = new ContextMenu();

        contextMenu.ItemContainerStyleSelector = _styleSelector;
        contextMenu.ItemsSource = items;

        return contextMenu;
    }

    private static void AdjustContextMenuVisibility(ContextMenu menu)
    {
        menu.Visibility = menu.HasItems ? Visibility.Visible : Visibility.Hidden;
    }
}

public class ContextMenuItemStyleSelector : StyleSelector
{
    private static readonly MenuResourcesDictionary _resources = new MenuResourcesDictionary();
    private static readonly Style _menuItemStyle = (Style)_resources[MenuResourcesDictionary.MenuItemStyleResourceKey];
    private static readonly Style _separatorStyle = (Style)_resources[MenuResourcesDictionary.SeparatorStyleResourceKey];

    public override Style SelectStyle(object item, DependencyObject container)
    {
        if (item == MenuItemVM.Separator)
            return _separatorStyle;

        return _menuItemStyle;
    }
}

public sealed partial class MenuResourcesDictionary
{
    public const string MenuItemStyleResourceKey = "MenuItemStyleResourceKey";
    public const string DynamicMenuItemStyleResourceKey = "DynamicMenuItemStyleResourceKey";
    public const string SeparatorStyleResourceKey = "SeparatorStyleResourceKey";
    public const string LoadingStyleResourceKey = "LoadingMenuItemStyleResourceKey";

    public MenuResourcesDictionary()
    {
        InitializeComponent();
    }
}

XAML スタイルは次のとおりです。

<Style x:Key="{x:Static local:MenuResourcesDictionary.MenuItemStyleResourceKey}">
  <Setter Property="MenuItem.Header" Value="{Binding Path=(menuVMs:MenuItemVM.Text)}" />
  <Setter Property="MenuItem.Command" Value="{Binding Path=(menuVMs:MenuItemVM.Command)}" />
</Style>

<Style x:Key="{x:Static local:MenuResourcesDictionary.SeparatorStyleResourceKey}" TargetType="{x:Type MenuItem}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate>
        <Separator />
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

MenuItemVM クラスはおおむね単純なので、ここでは記述しません。

于 2013-03-02T02:38:06.247 に答える
0

ここでDataTemplateを使用する場合と使用しない場合のTreeViewコンテキストメニューの回答を見つけました: TreeView ContextMenu MVVM Binding MVVM binding command to contextmenu item

于 2016-06-22T16:57:42.033 に答える
0

AContextMenuは論理ツリーの一部ではない"{Binding DataContext.CMDActivateProject, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"ため、タイプ UserControl の祖先がないため、このバインディングは機能しません。PlacementTarget の DataContext を手動で設定しない場合は、試すことができます

"{Binding PlacementTarget.DataContext.CMDActivateProject, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"

以下については 100% 確信が持てませんが、ContextMenu プロパティを使用している場合は、これでうまくいくと思います。

<Treeview>
    <Treeview.ContextMenu>
        <ContextMenu>
            ...
        <ContextMenu>
    <Treeview.ContextMenu>
    ...

ここでの利点は、コード ビハインドで rightbuttondown イベントを処理する必要がないことです。ツリービューを右クリックすると、自動的に開きます。

于 2012-12-13T07:24:32.570 に答える