通过 DisplayActionSheet 删除一个 ListView 项答案

【问题标题】：Delete a ListView item through DisplayActionSheet通过 DisplayActionSheet 删除一个 ListView 项
【发布时间】：2019-03-11 11:41:15
【问题描述】：

我正在 Visual Studio 2017 Xamarin.forms 上创建一个 ListView 应用程序，它显示了我的债务清单。我从“显示弹出窗口”Microsoft Xamarin 网站添加了一个 DisplayActionSheet。如何删除通过 DisplayActionSheet 轻按的 ListView 项？

我的 DisplayActionSheet 如下所示：

private async void DebtsList_ItemTapped(object sender, ItemTappedEventArgs e)
    {
        var action = await DisplayActionSheet("Details", "Close", null, "Cash", "Delete","");
        Debug.WriteLine("Action: " + action);
    }

这是我的 ListView，它显示了我所有的债务：

<ListView x:Name="DebtsList"
              ItemsSource="{Binding DebtEntries}" 
              CachingStrategy="RecycleElement" 
              Grid.Row="7" 
              Grid.ColumnSpan="3" 
              Grid.RowSpan="15"                  
              HasUnevenRows="True"
              ItemTapped="DebtsList_ItemTapped">
    <ListView.Header>
      <Grid BackgroundColor="White" Margin="7">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
          <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Label Text="Name" FontSize="11" FontAttributes="Bold" TextColor="#4a4a4a" Grid.Row="0" Grid.Column="0" />
        <Label Text="Usage" FontSize="11" FontAttributes="Bold" TextColor="#4a4a4a" Grid.Row="0" Grid.Column="1" />
        <Label Text="Value" FontSize="11" FontAttributes="Bold" TextColor="#4a4a4a" Grid.Row="0" Grid.Column="2" HorizontalOptions="End"/>
      </Grid>
    </ListView.Header>
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>
          <Grid BackgroundColor="White" Margin="7">
            <Grid.RowDefinitions>
              <RowDefinition Height="*"/>
              <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="*"/>
              <ColumnDefinition Width="*"/>
              <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Label Text="{Binding Name}" 
                     Grid.Row="0"
                     Grid.Column="0"
                     FontSize="10"
                     TextColor="#4a4a4a"/>
            <Label Text="{Binding Usage}" 
                     Grid.Row="0" 
                     Grid.Column="1"
                     FontSize="10"
                     TextColor="#4a4a4a"/>
            <Label Text="{Binding Value}"
                     Grid.Row="0"
                     Grid.Column="2"
                     FontSize="10"
                     TextColor="#F33E3E"                         
                     FontAttributes="Bold"
                     HorizontalOptions="End"/>
            <Label Text="{Binding CreationDate}" 
                     Grid.Row="1" 
                     Grid.Column="0"
                     FontSize="10"
                     TextColor="#4a4a4a"/>
          </Grid>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

【问题讨论】：

嘿，问题解决了吗？
嗨，是的，谢谢！

标签： c# android xaml listview xamarin.android

【解决方案1】：

解决方案：

private async void ListView_ItemTapped(object sender, ItemTappedEventArgs e)
{
   string result= await  DisplayActionSheet("Details", "Close", null, "Cash", "Delete", "");

   if(result=="Delete")
    {
        int position = DebtsList.TemplatedItems.GetGlobalIndexOfItem(e.Item);

        mySource.RemoveAt(position);

        DebtsList.ItemsSource = mySource;

    }
}

mySource 是 DebtsList 的 ItemsSource，如

public ObservableCollection<DebtEntries> mySource { get; set; }

. . .

mySource = new ObservableCollection<DebtEntries>();
mySource.Add(new DebtEntries { Name = "xxx", Usage="xxx",Value="xxx",CreationDate="xxx"});
//. . .
DebtsList.ItemsSource = mySource;

【讨论】：