如何从Xamarin Forms ListView中删除项目?

时间:2015-09-22 23:15:35

标签: c# listview xamarin xamarin-forms

我正在尝试从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;
    }
}

从这里开始,我不知道如何制作它以便按钮触发事件或者某些删除可以通过construtor传递,因此一些自定义逻辑针对单个单元格/行/项目执行被删除。

有人可以帮忙吗?

3 个答案:

答案 0 :(得分:7)

以下是您可以做的事情:

这是我的模特课:

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

在我的XAML中你也可以在代码中写这个,绑定到你的Item模板的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);  
}  

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

以下是解释方案的完整源代码 - Handling Child Control Event in Listview using XAMARIN.FORMS

教程 - How to handle Row selection and delete Button in Row For Custom ListView using Xamarin.Forms也解释了listview的删除。

答案 1 :(得分:2)

我找到了类似的方法,我想分享一下。我用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;

事件处理程序:

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

我使用的是MenuItem但与Button

的方法相同

答案 2 :(得分:0)

我刚刚使用了删除按钮

-Encoding