在Windows10中将Datacontext作为CommandParameter传递给Viewmodel

本文关键字：Viewmodel CommandParameter 作为 Windows10 中将 Datacontext | 更新日期: 2023-09-27 18:20:48

我在网格视图中以分组样式显示数据。我已经可以创建新项目了。现在我想创建一个函数，可以删除我创建的项。这是我的视图模型：

Viewmodel

public class VM : INotifyPropertyChanged
{
    public VM()
    {
        DeleteItem = new DelegateCommand(DeleteCurrentItem);
    }
    public ObservableCollection<Contact> ContList = new ObservableCollection<Contact>();
    private ObservableCollection<Category> _GroupedCollection;
    public ObservableCollection<Category> GroupedCollection
    {
        get
        {
            if (_GroupedCollection == null)
                _GroupedCollection = new ObservableCollection<Category>();
            return _GroupedCollection;
        }
        set
        {
            _GroupedCollection = value;
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs("GroupedCollection"));
        }
    }
    public void DeleteCurrentItem(object param)
    {
        var cont= param as Contact;
        // there is another class that declare another ObservableCollection that holds all the models.
        var category = GroupedCollection.FirstOrDefault(g => g.Key == cont.Account);
        if (category != null)
        {
            if (category.CredCategory.Contains(cont))
            {
                category.CredCategory.Remove(cont);
            }
        }
    }
    public DelegateCommand DeleteItem { get; set; }
    private string _Account;
    public string Account
    {
        get { return _Account; }
        set
        {
            _Account = value;
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs("Account"));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

在XAML中，我有一个弹出型按钮，可以根据需要工作。我可以保留显示的数据，弹出按钮将显示/打开。但当我点击"删除"时，"网格视图"不会删除它。

视图（XAML）

<Page.DataContext>
    <data:VM/>
</Page.DataContext>
<Page.Resources>
    <CollectionViewSource x:Key="cvs" IsSourceGrouped="True" 
                          Source="{Binding GroupedCollection, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                          ItemsPath="CredCategory"/>
</Page.Resources>
<Grid>
   <FlyoutBase.AttachedFlyout>
       <MenuFlyout x:Name="flyout">
            <MenuFlyoutItem Text="Delete" 
                            Command="{Binding DataContext.DeleteItem, ElementName=gridview}" 
                            CommandParameter="{Binding}"/>
        </MenuFlyout>
   </FlyoutBase.AttachedFlyout>
   <GridView x:Name="gridview" 
             ItemsSource="{Binding Source={StaticResource cvs}}"
        <GridView.ItemTemplate>
                <DataTemplate>
                 .  .  .  .
                <DataTemplate/>
        <GridView.ItemTemplate>
    <GridView/>
<Grid/>

我正在展示后面的代码，以防有人想看。

视图（代码隐藏）

public void cardstack_pass_Holding(object sender, HoldingRoutedEventArgs e)
    {
        //this is the event declared in the Datatemplate inside gridview
        flyout.ShowAt(sender as FrameworkElement);
        e.Handled = true;
    }

正如我在上面所说，我的问题是，当我点击flyout上的"删除"时，它应该是从ObservableCollection删除数据，对吗？因为据我所知，flyout的DataContext就是显示数据的DataContext，还是我错了？如何解决此问题？

我的意思是，gridview的DataContext是ObservableCollection，而gridview的DataTemplate中的Stackpanels的DataContext将是模型Contact，对吗？由于flyout在创建项时是打开的，因此flyout的DataContext将继承自该项的DataContext，如果flyout的CommandParameter = "{Binding}"，它应该将该项内的Contact传递给视图模型，不是吗？

在Windows10中将Datacontext作为CommandParameter传递给Viewmodel

我可能在这里遗漏了一些东西，但AttachedFlyout代码不应该放在DataTemplate 中吗

注意命令绑定到元素名称根（页面名称），因为我们在GridView中，例如

<Page x:Name="root">
    <Page.DataContext>
      <data:VM/>
    </Page.DataContext>
    <Page.Resources>
       <CollectionViewSource x:Key="cvs" IsSourceGrouped="True" 
                      Source="{Binding GroupedCollection, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                      ItemsPath="CredCategory"/>
    </Page.Resources>
    <Grid>
      <GridView x:Name="gridview" 
          ItemsSource="{Binding Source={StaticResource cvs}}"
          <GridView.ItemTemplate>
             <DataTemplate>
                 <FlyoutBase.AttachedFlyout>
                   <MenuFlyout x:Name="flyout">
                      <MenuFlyoutItem Text="Delete" 
                           Command="{Binding DataContext.DeleteItem, ElementName=root}" 
                           CommandParameter="{Binding}"/>
                 </MenuFlyout>
              </FlyoutBase.AttachedFlyout>                 
            <DataTemplate/>
        <GridView.ItemTemplate>
     <GridView/>
  <Grid/>

本文展示了如何使用UWP中可用的Behaviours。

相关文章：