API 响应未显示在集合视图中 | MAUI.net答案

【问题标题】：API response not Displaying in the Collection View | MAUI.netAPI 响应未显示在集合视图中 | MAUI.net
【发布时间】：2023-01-10 14:42:14
【问题描述】：

我正在使用 Restsharp 从 API 获取响应。并正常工作。但是在我尝试将这些响应纳入模型并使用 CommunityToolkit.mvvm 将其与集合视图绑定之后，但它没有显示数据。

xaml文件

<CollectionView.ItemTemplate>
            <DataTemplate x:DataType="models:NewAppliedLeave">
   
            </DataTemplate>
        </CollectionView.ItemTemplate>
        
    </CollectionView>

ViewModel.cs

[ObservableProperty]
ObservableCollection<NewAppliedLeave> _LHItems;
    public async Task<ObservableCollection<NewAppliedLeave>> GetAppliedLeave()
    {
            RestResponse response = await client.PostAsync(request);
            var responseContent = response.Content.ToString();

           Debug.WriteLine(responseContent);

                List<NewAppliedLeave> leaveItem = JsonConvert.DeserializeObject<List<NewAppliedLeave>>(responseContent);

                LHItems = new ObservableCollection<NewAppliedLeave>(leaveItem);
          
                return LHItems;
            
    }

我期望在 Collection View 中显示响应内容

【问题讨论】：

请显示您填充集合视图的代码

标签： c# mvvm maui

【解决方案1】：

首先，请在调试时添加一个断点，以检查LHItems 是否具有正确的值。

然后请确保您已将 CollectionView.ItemSource 绑定到 xaml 或页面构造方法中的 LHItems。

最后没看到<DataTemplate>里面有什么控件。您是否在其中添加了一些控件，例如Label或Image，以显示名为NewAppliedLeave 的模型中的属性并使其继承自ObservableObject？

对于viewmodel中的ObservableCollection<NewAppliedLeave>属性，你不需要添加[ObservableProperty]。

你可以参考这个显示the details about using the CommunityToolkit.mvvm and the CollectionView in the .net maui的案例。

【讨论】：