如何从Xamarin Forms列表视图中删除项

本文关键字：视图 删除 列表 Forms Xamarin | 更新日期: 2023-09-27 18:14:07

我试图从ListView中删除项目/行，但困难的是我还需要传递一些委托或触发一些事件或其他东西，所以当一个人单击按钮删除该行时，我的代码处理一些其他逻辑，在其他地方(例如。从数据库中删除项目或其他)。

我有一个自定义控件:

public class SportsTeam : StackLayout { .. }

在这个控件中，其中一个元素是一个ListView，它列出了一个运动队中的所有人。

var viewModel = teamMembers.Select(x => new SportsTeamViewModel(x));
return new ListView
{
    HasUnevenRows = true,
    ItemSource = viewModel,
    ItemTemplate = new DataTemplate(typeof(SportsTeamViewCell)); 
};

在SportsTeamViewCell中，我有以下内容:

private Grid CreateContent()
{
    var grid = new Grid();
    // Setup row and column definitions.
    // Add items to the Grid 
    grid.Children.Add(...);
    var removeButton = RemoveButton;
    grid.Children.Add(removeButton);
    Grid.SetRowSpan(removeButton, 2);
    return grid;
}
private Button RemoveButton
{
    get
    {
        var button = new Button
        {
            Image = "Icons/remove.png"
        };
        return button;
    }
}

从这里开始，我不知道如何使按钮触发一个事件或一些删除可以通过构造函数传递，所以一些自定义逻辑是针对要删除的单个单元格/行/项执行的。

如何从Xamarin Forms列表视图中删除项

你可以这样做:

这是我的模型类:

public class Item  
{  
   public string ItemName { get; set; }  
   public string ItemDetails { get; set; }  
}

在我的XAML中，或者你也可以用代码写这个，绑定到你的项目模板的Command Parameter: 

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

完整项目模板如下:

<ListView.ItemTemplate>  
            <DataTemplate>  
               <ViewCell>  
                  <ViewCell.View>  
                     <StackLayout Orientation="Horizontal">  
                        <Label Text="{Binding ItemName}" HorizontalOptions="StartAndExpand" FontSize="30"></Label>  
                        <Button Text="Delete" CommandParameter="{Binding ItemName}" Clicked="DeleteClicked">        
                        </Button>  
                     </StackLayout>  
                  </ViewCell.View>  
               </ViewCell>  
            </DataTemplate>  
         </ListView.ItemTemplate>

在你的代码文件中你可以这样做:

public void DeleteClicked(object sender, EventArgs e)  
{  
   var item = (Xamarin.Forms.Button)sender;  
   Item listitem = (from itm in allItems 
                    where itm.ItemName == item.CommandParameter.ToString() 
                    select itm)
                   .FirstOrDefault<Item>();  
   allItems.Remove(listitem);  
}

IMPORTANT:这只会从绑定集合中删除项。要从原始列表中删除它，您需要使用ObservableCollection

下面是所解释场景的完整源代码-使用XAMARIN.FORMS在Listview中处理子控件事件。

还有教程-如何使用Xamarin处理行选择和删除自定义ListView中的行按钮。表单也解释了从listview中删除。

我发现了一个类似的方法，我想分享一下。我用ObservableCollection<MyObject>填满了清单。然后我用CommandParameter="{Binding .}"填充CommandParameter。所以我把整个东西拿回来了。然后你可以将CommandParameter强制转换为对象，并将其从ObservableCollection<MyObject>列表中删除

XAML: 

CommandParameter="{Binding .}"

填写我的清单:

savingExpensesCollection = new ObservableCollection<SavingsExpensesEntry> ();
savingExpensesCollection .Add (new SavingsExpensesEntry ("1000 mAh Akku", "Dampfgarten", new DateTime (635808692400000000), 8.95));
savingExpensesCollection .Add (new SavingsExpensesEntry ("Cool-Mint Aroma", "Dampfgarten", new DateTime (635808692400000000), 3.95));
savingExpensesCollection .Add (new SavingsExpensesEntry ("Basis", "Dampfgarten", new DateTime (635808692400000000), 13.65));
savingExpensesList.ItemsSource = savingExpenses;

EventHandler: 

void OnDelete(object sender, EventArgs e)
{
    var menuItem = ((MenuItem)sender);
    SavingsExpensesEntry see ((SavingsExpensesEntry)menuItem.CommandParameter);
    savingExpensesCollection .Remove (see);
}

我使用的是MenuItem，但Button也是同样的方法

我刚刚使用了delete按钮

  public void OnDelete(object sender, EventArgs e)
    {
        var mi = ((MenuItem)sender);
        PhotoViewModel photo= ((photoViewModel)mi.CommandParameter);
        photoModel.Remove(photo);
    }
相关文章：