列表视图中的Xamarin表单列表

Question

我需要在列表视图中显示一个api的请求。一切正常，但我有一个属性(notes(，它返回一个列表并给出以下错误消息：

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

您可以使用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>

Answer 2

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

由于属性(notes(返回一个列表，您不能简单地将其绑定到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>

有人知道解决方案吗？

为此，您可以使用分组列表视图来实现此目的。查看更多：分组ListView。

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