Xamarin удалить элемент из списка ObservableCollection и форму списка

Question

У меня есть простое приложение на Xamarin (список дел), целью которого является динамическое создание и удаление элементов из списка. Я использую ObservableCollection для списка. Я потратил кучу времени на изучение этого, но не смог заставить его работать.

Сейчас мое приложение может добавлять элементы в список и отображать его в главной форме. Теперь я хочу удалить соответствующие элементы из списка одним нажатием кнопки.

Вот мой код:

MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:App3"
             x:Class="App3.MainPage">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Add" Clicked="addnewitem"/>
    </ContentPage.ToolbarItems>

    <ContentPage.BindingContext>
        <local:viewmod/>
    </ContentPage.BindingContext>

    <StackLayout>
        <Editor x:Name="txtboxNAME"></Editor>
    <ListView ItemsSource="{Binding Tasks}" HasUnevenRows="True" x:Name="itemListView">
        <ListView.ItemTemplate>
            <DataTemplate>
                    <ViewCell>
                        <Frame>
                            <StackLayout>
                                <Editor Text="{Binding Taskname}"/>
                                <Switch/>
                                <Button Text="Delete" CommandParameter="{Binding ItemName}" Clicked="DeleteClicked">
                                </Button>
                            </StackLayout>
                        </Frame>
                    </ViewCell>
                </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</StackLayout>
</ContentPage>

MainPage.xaml.cs (код формы MainPage)

using System;
using System.Collections.Generic;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace App3
{
    public partial class MainPage : ContentPage
    {
        static int itemid = 0;  

        public MainPage()
        {
            InitializeComponent();
            BindingContext = new viewmod();
        }

        private void addnewitem(object sender, EventArgs e)
        {
            var vm = BindingContext as viewmod;
            string itemnameval = "item_" + itemid.ToString();
            vm.AddItems(this.txtboxNAME.Text, itemnameval);
            itemid++;
        }

        private void DeleteClicked(object sender, EventArgs e) // Item should be deleted from the list
        {
            // This does not work
            var itemsender = (Xamarin.Forms.Button)sender;
            var item = itemsender?.BindingContext as Task;
            var vm = BindingContext as viewmod;
            vm?.RemoveCommand.Execute(item);
            //vm.Tasks.Remove(item); // conversion error

            // This does not work either. "allItems" is not defined.
            TaskClass listitem = (from itm in allItems
                             where itm.ItemName == item.CommandParameter.ToString()
                             select itm).FirstOrDefault<TaskClass>();
            allItems.Remove(listitem);
        }

    }
}

TaskClass.cs

namespace App3
{
    class TaskClass
    {
        public string Taskname { get; set; }
        public string ItemName { get; set; }
    }
}

viewmod.cs

using System.Collections.ObjectModel;
using Xamarin.Forms;

namespace App3
{
    class viewmod
    {
        public ObservableCollection<TaskClass> Tasks { get; set; } = new ObservableCollection<TaskClass>();

        public viewmod()
        {
        }

        public void AddItems(string taskn, string taskid)
        {
            Tasks.Add(new TaskClass { Taskname = $"{taskn}", ItemName=$"{taskid}" });
        }

        public void DelItem(TaskClass task)
        {
            Tasks.Remove(task);
        }

        public Command<TaskClass> RemoveCommand
        {
            get
            {
                return new Command<TaskClass>((task) => 
                {
                    Tasks.Remove(task);
                });
            }
        }
    }
}

Answer 1

сначала измените свой XAML = "." синтаксис передает весь связанный объект

<Button Text="Delete" CommandParameter="{Binding .}" Clicked="DeleteClicked" />

тогда в вашем коде позади

   private void DeleteClicked(object sender, EventArgs e)
   {
        var itemsender = (Xamarin.Forms.Button)sender;
        var item = (TaskClass)itemsender?.CommandParameter;
        // it would be much cleaner to keep a ref to your VM in your page
        // rather than continually casting it from BindingContext
        var vm = BindingContext as viewmod;
        vm.Tasks.Remove(item); 
   }