17

タブ ページにあるユーザー コントロールのコンテキスト メニューでコマンドをバインドするときに問題が発生します。メニューを初めて使用するとき (タブを右クリック) はうまく機能しますが、タブを切り替えると、コマンドは最初に使用されたデータバインドされたインスタンスを使用します。

コマンドにバインドされたボタンをユーザーコントロールに配置すると、期待どおりに機能します...

誰かが私が間違っていることを教えてもらえますか??

これは、問題を公開するテスト プロジェクトです。

アプリ.xaml.cs:

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);

        CompanyViewModel model = new CompanyViewModel();
        Window1 window = new Window1();
        window.DataContext = model;
        window.Show();
    }
}

Window1.xaml:

<Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vw="clr-namespace:WpfApplication1"
Title="Window1" Height="300" Width="300">

  <Window.Resources>
    <DataTemplate x:Key="HeaderTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Path=Name}" />
        </StackPanel>
    </DataTemplate>
    <DataTemplate DataType="{x:Type vw:PersonViewModel}">
        <vw:UserControl1/>
    </DataTemplate>

</Window.Resources>
<Grid>
    <TabControl ItemsSource="{Binding Path=Persons}" 
                ItemTemplate="{StaticResource HeaderTemplate}"
                IsSynchronizedWithCurrentItem="True" />
</Grid>
</Window>

UserControl1.xaml:

<UserControl x:Class="WpfApplication1.UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    MinWidth="200">
    <UserControl.ContextMenu>
        <ContextMenu >
            <MenuItem Header="Change" Command="{Binding Path=ChangeCommand}"/>
        </ContextMenu>
    </UserControl.ContextMenu>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Label Grid.Column="0">The name:</Label>
        <TextBox Grid.Column="1" Text="{Binding Path=Name, UpdateSourceTrigger=PropertyChanged}" />
    </Grid>
</UserControl>

CompanyViewModel.cs:

public class CompanyViewModel
{
    public ObservableCollection<PersonViewModel> Persons { get; set; }
    public CompanyViewModel()
    {
        Persons = new ObservableCollection<PersonViewModel>();
        Persons.Add(new PersonViewModel(new Person { Name = "Kalle" }));
        Persons.Add(new PersonViewModel(new Person { Name = "Nisse" }));
        Persons.Add(new PersonViewModel(new Person { Name = "Jocke" }));
    }
}

PersonViewModel.cs:

public class PersonViewModel : INotifyPropertyChanged
{
    Person _person;
    TestCommand _testCommand;

    public PersonViewModel(Person person)
    {
        _person = person;
        _testCommand = new TestCommand(this);
    }
    public ICommand ChangeCommand 
    {
        get
        {
            return _testCommand;
        }
    }
    public string Name 
    {
        get
        {
            return _person.Name;
        }
        set
        {
            if (value == _person.Name)
                return;
            _person.Name = value;
            OnPropertyChanged("Name");
        }
    }
    void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = this.PropertyChanged;
        if (handler != null)
        {
            var e = new PropertyChangedEventArgs(propertyName);
            handler(this, e);
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
}

TestCommand.cs:

public class TestCommand : ICommand
{
    PersonViewModel _person;
    public event EventHandler CanExecuteChanged;

    public TestCommand(PersonViewModel person)
    {
        _person = person;
    }
    public bool CanExecute(object parameter)
    {
        return true;
    }
    public void Execute(object parameter)
    {
        _person.Name = "Changed by command";
    }
}

Person.cs:

public class Person
{
    public string Name { get; set; }
}
4

6 に答える 6

23

ここで覚えておくべき重要なことは、コンテキスト メニューはビジュアル ツリーの一部ではないということです。

したがって、バインディングのために属するコントロールと同じソースを継承しません。これに対処する方法は、ContextMenu 自体の配置ターゲットにバインドすることです。

<MenuItem Header="Change" Command="{Binding 
    Path=PlacementTarget.ChangeCommand, 
    RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContextMenu}}}"
/>
于 2009-03-19T13:42:46.100 に答える
8

コマンドをコンテキスト メニュー項目にバインドする最もクリーンな方法は、CommandReference というクラスを使用することです。WPF Futuresの Codeplex の MVVM ツールキットで見つけることができます。

XAML は次のようになります。

<UserControl x:Class="View.MyView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:vm="clr-namespace:ViewModel;assembly=MyViewModel"
                xmlns:mvvm="clr-namespace:ViewModelHelper;assembly=ViewModelHelper"
           <UserControl.Resources>
                <mvvm:CommandReference x:Key="MyCustomCommandReference" Command="{Binding MyCustomCommand}" />

                <ContextMenu x:Key="ItemContextMenu">
                    <MenuItem Header="Plate">
                        <MenuItem Header="Inspect Now" Command="{StaticResource MyCustomCommandReference}"
                                CommandParameter="{Binding}">
                        </MenuItem>
                    </MenuItem>
               </ContextMenu>
    </UserControl.Resources>

MyCustomCommand は、ViewModel の RelayCommand です。この例では、ViewModel はコード ビハインドでビューのデータ コンテキストにアタッチされています。

注: この XAML は作業中のプロジェクトからコピーされ、説明のために単純化されています。タイプミスやその他の軽微なエラーがある場合があります。

于 2010-01-28T00:32:17.533 に答える
5

最近、ListBox にある ContextMenu で同じ問題が発生しました。コードビハインドなしでMVVMの方法でコマンドをバインドしようとしました。私はついにあきらめて、友人に助けを求めました。彼は、少しねじれているが簡潔な解決策を見つけました。彼は、ContextMenu の DataContext で ListBox を渡し、ListBox の DataContext にアクセスして、ビュー モデルでコマンドを見つけます。これは、これまでに見た中で最も簡単なソリューションです。カスタム コードやタグはなく、純粋な XAML と MVVM のみです。

完全に機能するサンプルをGithubに投稿しました。XAML の抜粋を次に示します。

<Window x:Class="WpfListContextMenu.MainWindow" 
        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"
        Title="MainWindow" Height="350" Width="268">
  <Grid>
    <DockPanel>
      <ListBox x:Name="listBox" DockPanel.Dock="Top" ItemsSource="{Binding Items}" DisplayMemberPath="Name"
               SelectionMode="Extended">
        <ListBox.ContextMenu>
          <ContextMenu DataContext="{Binding Path=PlacementTarget, RelativeSource={RelativeSource Self}}">
            <MenuItem Header="Show Selected" Command="{Binding Path=DataContext.ShowSelectedCommand}"
                      CommandParameter="{Binding Path=SelectedItems}" />
          </ContextMenu>
        </ListBox.ContextMenu>
      </ListBox>
    </DockPanel>
  </Grid>
</Window>
于 2011-12-03T01:58:52.517 に答える
2

私は別の解決策を好みます。コンテキスト メニュー ローダー イベントを追加します。

<ContextMenu Loaded="ContextMenu_Loaded"> 
    <MenuItem Header="Change" Command="{Binding Path=ChangeCommand}"/> 
</ContextMenu> 

イベント内でデータ コンテキストを割り当てます。

private void ContextMenu_Loaded(object sender, RoutedEventArgs e)
{
    (sender as ContextMenu).DataContext = this; //assignment can be replaced with desired data context
}
于 2011-11-27T06:44:43.467 に答える
0

コントロール テンプレートの奥深くにあるコンテキスト メニューからバインドするときに、Tag プロパティを使用するこのメソッドが非常に便利であることがわかりました。

http://blog.jtango.net/binding-to-a-menuitem-in-a-wpf-context-menu

これにより、コンテキスト メニューを開いた元のコントロールで使用できる任意のデータ コンテキストにバインドできます。コンテキスト メニューは、「PlacementTarget」を介してクリックされたコントロールにアクセスできます。クリックされたコントロールの Tag プロパティが目的のデータ コンテキストにバインドされている場合、コンテキスト メニュー内から "PlacementTarget.Tag" にバインドすると、そのデータ コンテキストに直接アクセスできます。

于 2011-10-26T06:54:42.633 に答える