更新 Listview itemsource 清除 Xamarin Forms 中的单选按钮

Question

我已经定义了一个列表视图和 2 个按钮，如下所示。

<ListView x:Name="lvTest" SeparatorVisibility="None" VerticalOptions="CenterAndExpand"
                              HorizontalOptions="StartAndExpand" HasUnevenRows="True" BackgroundColor="#ffffff">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition></ColumnDefinition>
                                <ColumnDefinition></ColumnDefinition>
                            </Grid.ColumnDefinitions>
                            <RadioButton Padding="10,0,0,0" Grid.Column="0" BackgroundColor="White" TextColor="Black"
                                         GroupName="L1" Content="{Binding Description}"
                                         ></RadioButton>
                            <Label Grid.Column="1" Text="{Binding Amount}" TextColor="Black" BackgroundColor="White"
                                   HorizontalTextAlignment="End" Padding="0,0,10,0"></Label>
                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <Button x:Name="btnAdd" Clicked="btnAdd_Clicked" Text="Add"/>
        <Button x:Name="btnRemove" Clicked="btnRemove_Clicked" Text="Delete"/>

以下是代码隐藏类中的代码

public partial class Listview : ContentPage
{
    ObservableCollection<CommonModel> temp = new ObservableCollection<CommonModel>();
    CommonModel model;
    public Listview()
    {
        InitializeComponent();
        lvTest.ItemsSource = temp;
    }

    void btnAdd_Clicked(System.Object sender, System.EventArgs e)
    {
        model = new CommonModel();
        model.Description = "Radio 1";
        model.Amount = 100;
        temp.Add(model);
    }

    void btnRemove_Clicked(System.Object sender, System.EventArgs e)
    {
        temp.RemoveAt(0);
    }
}

当我运行应用程序并单击添加按钮时，我会看到以下输出。

现在，当我单击删除按钮时，列表视图变为空。 到目前为止一切正常。

现在，当我单击添加按钮时，列表视图不显示单选按钮并且只显示数量。以下是截图

现在，当我再次单击“添加”按钮时，我会在第二行看到单选按钮和金额。以下是截图

谁能指导我为什么单选按钮没有出现在第一行。

Answer 1

我尝试恢复您的代码并重复您的操作。删除RadioButton后，再次点击添加按钮，结果添加正常。所以我提供代码供大家参考。

这是我最新的代码

这是cs代码：

public partial class MainPage : ContentPage
{
    ObservableCollection<CommonModel> temp = new ObservableCollection<CommonModel>();
    CommonModel model;
    public MainPage()
    {
        InitializeComponent();
        lvTest.ItemsSource = temp;
    }

    void btnAdd_Clicked(System.Object sender, System.EventArgs e)
    {
        model = new CommonModel();
        model.Description = temp.Count + "Radio";
        model.Amount = 100;
        temp.Add(model);
        lvTest.ItemsSource = temp;
    }

    void btnRemove_Clicked(System.Object sender, System.EventArgs e)
    {
        temp.RemoveAt(0);
    }
}

这里是 xaml 代码：

<StackLayout>
    <CollectionView x:Name="lvTest" VerticalOptions="CenterAndExpand"
                          HorizontalOptions="StartAndExpand"  BackgroundColor="#ffffff">
        <CollectionView.ItemTemplate>
            <DataTemplate >
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition></ColumnDefinition>
                            <ColumnDefinition></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <RadioButton Padding="10,0,0,0" GroupName="L1" BackgroundColor="White" TextColor="Black"
                                      Content="{Binding Description}"
                                     ></RadioButton>
                        <Label Grid.Column="1" Text="{Binding Amount}" TextColor="Black" BackgroundColor="White" HorizontalOptions="End" Padding="0,0,10,0"> </Label>
                    </Grid>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
    <Button x:Name="btnAdd" Clicked="btnAdd_Clicked" Text="Add"/>
    <Button x:Name="btnRemove" Clicked="btnRemove_Clicked" Text="Delete"/> 
</StackLayout>