Xamarin - 发布后刷新列表视图

时间:2017-08-10 20:27:10

标签: c# rest listview xamarin xamarin.forms

我正在开发 Xamarin Forms App ,它有一个标签页。其中一个选项卡包含ListView控件,显示从Rest API消耗的数据。如果我点击添加按钮,模式会显示我可以创建新项目的位置并将帖子发送到Rest API。成功之后,我从导航中弹出模式,使ListView显示出来。在我的ListView中,最后添加的项目未显示。

如何在添加项目后刷新ListView调用Rest API?

这是我的XAML页面: BonosView.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns ="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:iconize="clr-namespace:FormsPlugin.Iconize;assembly=FormsPlugin.Iconize"
    x:Class="rodriguez.BonosView" x:Name="BonosView"
    Title="Bonos">

    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness" iOS="0, 20, 0, 0" />
    </ContentPage.Padding>

    <ContentPage.Content>
        <StackLayout>
            <Label x:Name="BonosListMessage" IsVisible="false" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Text="No exixten bonos para mostrar"/>
            <ListView x:Name="BonosList" ItemTapped="ViewDetails" RowHeight="70" >
                <ListView.ItemTemplate>
                  <DataTemplate>
                        <ViewCell>
                            <Grid>
                                <Grid.Padding>
                                    <OnPlatform x:TypeArguments="Thickness" iOS="10,5" Android="10,5"/>
                                </Grid.Padding>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>

                                <Label x:Name="monto" Text="{Binding Monto}" Style="{DynamicResource TitleListBono}" Grid.Row="0" Grid.ColumnSpan="2" LineBreakMode="NoWrap" HorizontalOptions="StartAndExpand"/>
                                <Label x:Name="nombre" Text="{Binding nombreCompleto}" FontSize="Small" FontAttributes="Bold" Grid.Row="1" Grid.Column="0" HorizontalOptions="StartAndExpand"/>
                                <Label x:Name="estado" Text="{Binding Estado}" FontSize="Small" Grid.Row="1" Grid.Column="1" HorizontalOptions="End" TextColor="Green"/>
                                <Label x:Name="montoRD" Text="{Binding MontoRD}" FontSize="Small" Grid.Row="2" Grid.Column="0" HorizontalOptions="StartAndExpand"/>
                                <Label x:Name="fecha" Text="{Binding fechaCompra, StringFormat='{0:dd-MMM-yyyy}'}" FontSize="Small" Grid.Row="2" Grid.Column="1" HorizontalOptions="End"/>
                            </Grid>
                        </ViewCell>
                  </DataTemplate>
                </ListView.ItemTemplate>
              </ListView>

        </StackLayout>
    </ContentPage.Content>
</ContentPage>

以下是我调用以填充列表的方法:

async void refreshData()
{
    this.IsBusy = true;
    bonosLista = await manager.GetAll();  //obtaining bonos from Server

    if (bonosLista != null)
    {
        if (bonosLista.Count() > 0)
        {
            BonosList.ItemsSource = bonosLista;
        }
        else
        {
            BonosList.IsVisible = false;
            BonosListMessage.IsVisible = true;
        }
    }
    else
    {
        await DisplayAlert("Error!", "Se ha producido un error en la conexión", "OK");
    }

    this.IsBusy = false;
}

我想在模态弹出后调用该方法。

3 个答案:

答案 0 :(得分:1)

我最终在包含listview的页面上使用Appearing方法,因此当模式弹出时我可以在该方法内刷新。也许不是最好的解决方案让它现在正在运作。

this.Appearing += (object sender, EventArgs e) =>
{
            refreshData();
};

答案 1 :(得分:1)

使用Appearing事件是正确的,但您还需要在方法上不使用async void,除非它是一个事件处理程序

更新refreshData方法以使用async Task

async Task refreshData() {
    this.IsBusy = true;
    bonosLista = await manager.GetAll();  //obtaining bonos from Server

    if (bonosLista != null) {
        if (bonosLista.Count() > 0) {
            BonosList.ItemsSource = bonosLista;
        } else {
            BonosList.IsVisible = false;
            BonosListMessage.IsVisible = true;
        }
    } else {
        await DisplayAlert("Error!", "Se ha producido un error en la conexión", "OK");
    }
    this.IsBusy = false;
}

事件处理程序是唯一可以使用async void的地方,因此请更新到

this.Appearing += async (object sender, EventArgs e) => {
    await refreshData();
};

答案 2 :(得分:1)

我建议为此使用内置的MessagingCenter,这样您就不必刷新整个列表。在“添加”按钮的命令中,使用MessagingCenter发送新的“ bonos”项目,并在已呈现列表的页面/视图模型中订阅该消息,以将其添加到已经存在的项目集合中。