如何在 xamarin 的 sqlite 中删除集合视图中的一个单元格和行的删除按钮？

Question

How to delete cell in collection view and row in sqlite? I need to get from collection view primary key and i dont know how. I want to have delete button on every view cell. I have ended up with this:

public void RemovePlane()
{
    var db = new SQLiteConnection(_dbPath);
    db.Delete<Airplane>();
}

xaml:

<CollectionView x:Name="myCollectionView" Grid.Row="0" SelectedItem="{Binding selectedPlane}">                
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout Margin="0">
                <Frame Padding="0" BackgroundColor="#00d2ff" Margin="0, 65, 0, 0" CornerRadius="30">
                    <StackLayout Padding="20">
                        <Label Text="{Binding Airline}" TextColor ="White" FontSize="30" HorizontalOptions="Center"/>
                        <Image Source="{Binding ThumbnailUrl}" HeightRequest="200"/>
                        <Label Text="{Binding Plane, StringFormat='Plane: {0}'}" TextColor ="White" FontSize="15"/>
                        <Label Text="{Binding Airline, StringFormat='Airline: {0}'}" TextColor ="White" FontSize="15"/>
                        <Label Text="{Binding Livery, StringFormat='Livery: {0}'}" TextColor ="White" FontSize="15"/>
                        <Label Text="{Binding Registration, StringFormat='Reg: {0}'}" TextColor ="White" FontSize="15"/>
                        <Label Text="{Binding Airport, StringFormat='Airport: {0}'}" TextColor ="White" FontSize="15"/>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <StackLayout Grid.Column="0">
                                <Label Text="{Binding Date, StringFormat='Date: {0}'}" TextColor ="White" FontSize="15"/>
                                <Label Text="{Binding Comment, StringFormat='Comment: {0}'}" TextColor ="White" FontSize="15"/>
                            </StackLayout>
                            <Button Text="Delete" CornerRadius="30" Margin="10, 0" HeightRequest="20" BackgroundColor="Red" Grid.Column="1" x:Name="deleteButton"/>
                        </Grid>
                    </StackLayout>
                </Frame>
            </StackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
<CollectionView.EmptyView>                    
    <AbsoluteLayout VerticalOptions="CenterAndExpand">
        <Label FontAttributes="Bold" FontSize="30" TextColor="White" HorizontalTextAlignment="Center" Text="No planes to display" AbsoluteLayout.LayoutBounds="0.5, 0.45, 300, 50" AbsoluteLayout.LayoutFlags="PositionProportional"/>                        
        <Button Text="Import Plane" WidthRequest="10" BackgroundColor="#00d2ff" FontSize="30" FontAttributes="Bold" TextColor="White" CornerRadius="30" VerticalOptions="Center" Padding="5" AbsoluteLayout.LayoutBounds="0.5, 0.55, 280, 70" AbsoluteLayout.LayoutFlags="PositionProportional" Clicked="Button_Clicked"/>
    </AbsoluteLayout>                    
</CollectionView.EmptyView>
</CollectionView>

Answer 1

assign a handler for your button

<Button Text="Delete" Clicked="RemovePlane" ... />

in your handler

public void RemovePlane(object sender, EventArgs args)
{
    var button = (Button)sender;
    var plane = (Airplane)button.BindingContext;

    var db = new SQLiteConnection(_dbPath);
    db.Delete<Airplane>(plane);

    // finally, either refresh your ItemsSource from your db
    // or if you are using an ObservableCollection just remove
    // it from the collection
}

Answer 2

I have done this and and when i refresh it works. One question it delete whole row? And can it be improved somehow?

private void deleteButton_Clicked(object sender, EventArgs e)
    {
        var button = (Button)sender;
        var plane = (Airplane)button.BindingContext;

        var db = new SQLiteConnection(_dbPath);
        db.Delete<Airplane>(plane.Id);
    }