列表视图中的 Xamarin 表单列表

Question

我需要在列表视图中显示 api 的请求。一切正常，但我有一个 returns 列表的属性（注释）并给出以下错误消息：

System.Collections.Generic.List`1[System.String]

有人知道解决办法吗？

TicketPage.xaml.cs

public async void LoadTickets()
        {
            var content = "";
            HttpClient client = new HttpClient();
            var RestURL = "https://...";
            client.BaseAddress = new Uri(RestURL);
            client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
            HttpResponseMessage response = await client.GetAsync(RestURL);
            if (response.IsSuccessStatusCode)
            {
                content = await response.Content.ReadAsStringAsync();
                Ticket item = JsonConvert.DeserializeObject<Ticket>(content);
                List<Ticket> items = new List<Ticket> { item };
                ListViewTicket.ItemsSource = items;
            }
            else
            {
                await DisplayAlert("Error", "Testtext","Ok");
            }
        }

TicketPage.xaml

<ContentPage.Content>
        <StackLayout Padding="10">
            <ListView x:Name="ListViewTicket" ItemsSource="{Binding Items}" HasUnevenRows="True" SelectionMode="None" SeparatorVisibility="None">
                <ListView.Header>
                    <StackLayout Orientation="Horizontal">
                        <Label Text="Im nachfolgenden sehen Sie Ihre offenen Tickets" FontSize="Medium"/>
                    </StackLayout>
                </ListView.Header>
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout Orientation="Vertical">
                                <BoxView HorizontalOptions="FillAndExpand" HeightRequest="5" Color="Blue" />
                                <Grid>
                                    <Label Grid.Column="0" Text="Ticket ID:"/>
                                    <Label Grid.Column="1" Text="{Binding id}" Padding="-60,0,0,0"/>
                                </Grid>
                                <Grid>
                                    <Label Grid.Column="0" Text="Ticket Status:"/>
                                    <Label Grid.Column="1" Text="{Binding status}" Padding="-60,0,0,0"/>
                                </Grid>
                                <Grid>
                                    <Label Grid.Column="0" Text="Ticket Betreff:"/>
                                    <Label Grid.Column="1" Text="{Binding subject}" Padding="-60,0,0,0"/>
                                </Grid>
                                <Grid>
                                    <Label Grid.Column="0" Text="Ticket Nachricht:"/>
                                    <Label Grid.Column="1" Text="{Binding message}" Padding="-60,0,0,0"/>
                                </Grid>
                                <Grid>
                                    <Label Grid.Column="0" Text="Ticket Notiz:"/>
                                    <Label Grid.Column="1" Text="{Binding notes}" Padding="-60,0,0,0"/>
                                </Grid>
                                <BoxView HorizontalOptions="FillAndExpand" HeightRequest="5" Color="Blue" />
                            </StackLayout>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </ContentPage.Content>

Answer 1

System.Collections.Generic.List`1[System.String]

由于属性 (notes) returns 是一个列表，您不能简单地将它绑定到 Label。在这种情况下，它将显示：

System.Collections.Generic.List1[System.String]

  <Grid>
       <Label Grid.Column="0" Text="Ticket Notiz:"/>
       <Label Grid.Column="1" Text="{Binding notes}" Padding="-60,0,0,0"/>
  </Grid>

Does anyone know a solution?

为此，您可以使用分组列表视图来实现。更多检查：grouping ListView.

你也可以定义两个页面，一旦我们点击out列表视图，我们就可以导航到第二个页面或者只是弹出相关笔记列表，就像Jason提到的。

Answer 2

您可以使用 BindableLayout 显示项目集合，而无需将其包装在另一个 ListView 中。可以这样做：

<ContentPage.Content>
    <StackLayout Padding="10">
        <ListView ItemsSource="{Binding Items}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Orientation="Vertical">

                            <Grid>
                                <Label Grid.Column="0" Text="Ticket ID:"/>
                                <Label Grid.Column="1" Text="{Binding id}"/>
                            </Grid>

                            <!-- I've removed some code for brevity -->

                            <Grid>
                                <Label Grid.Column="0" Text="Ticket Notiz:"/>
                                <!-- HERE! display collection of notes, each note in it's own Label -->
                                <StackLayout Grid.Column="1" BindableLayout.ItemsSource="{Binding notes}">
                                    <BindableLayout.ItemTemplate>
                                        <DataTemplate>
                                            <Label Text="{Binding .}"/>
                                        </DataTemplate>
                                    </BindableLayout.ItemTemplate>
                                </StackLayout>
                            </Grid>

                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</ContentPage.Content>

列表视图中的 Xamarin 表单列表

Xamarin Forms List in Listview

listview

list

xamarin.forms