XAML 如何在.NET MAUI中使用ListView显示对象中的项？

v9tzhpje 于 2022-12-16 发布在 .NET

关注(0)|答案(2)|浏览(224)

我还在学习，我很难找到这个问题的解决方案。我的问题很简单，我只想显示一个简单的列表使用ListView使用MAUI。但我不能使这个工作。
这是我的代码：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Ventas_Citel.Views.SeleccionAlmacen"
             xmlns:viewmodel="clr-namespace:Ventas_Citel.ViewModels"
             x:DataType="viewmodel:SeleccionAlmacenViewModel"
             Title="SeleccionAlmacen">
    
    <ListView ItemsSource="{Binding Almacenes}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <TextCell Text="{Binding Almacenes.nombre}"
                          Detail="{Binding Almacenes.nombre}" />
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
    
</ContentPage>

C#代码

public partial class SeleccionAlmacenViewModel : ObservableObject
{
    // aqui se debe cargar la lista
    public SeleccionAlmacenViewModel()
    {
        Almacenes = new ObservableCollection<Almacenes>
        {
            new Almacenes 
            {
                id = "1",
                nombre = "Almacen 1",
                cve = "1"
            },
                
            new Almacenes
            {
                id = "2",
                nombre = "Almacen 2",
                cve = "2"
            },
    
            new Almacenes
            {
                id = "3",
                nombre = "Almacen 3",
                cve = "3"
            }
        };
    }
    
    [ObservableProperty]
    ObservableCollection<Almacenes> almacenes;
}

我遇到的错误是在xaml文件中显示{Binding Almacenes.nombre}的地方如何显示它的项目列表？如何访问列表中的Almacenes属性？
我该怎么解决呢？
我正在努力实现这样的目标：

xaml

来源：https://stackoverflow.com/questions/74759852/how-to-show-items-form-an-object-using-listview-in-net-maui

2条答案

按热度按时间

kyvafyod1#

我通过从xaml文件中删除x：DataType解决了这个问题。
很好，不过还有另一个解决办法。
通过删除x:DataType，你也禁用了视图的编译绑定，这并不是一件坏事，但它可能有助于理解什么是编译绑定，以及它与x:DataType有什么关系：https://learn.microsoft.com/en-us/dotnet/maui/fundamentals/data-binding/compiled-bindings?view=net-maui-7.0。本质上，编译的绑定提高了绑定速度，这可以使MAUI应用更快。
除了删除x:DataType之外，您还可以将其添加到DataTemplate中。在这两种情况下，您都应该修复Almacenes的绑定：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Ventas_Citel.Views.SeleccionAlmacen"
             xmlns:viewmodel="clr-namespace:Ventas_Citel.ViewModels"
             xmlns:model="clr-namespace:Ventas_Citel.Models"
             x:DataType="viewmodel:SeleccionAlmacenViewModel"
             Title="SeleccionAlmacen">

    <ListView ItemsSource="{Binding Almacenes}">
        <ListView.ItemTemplate>
            <DataTemplate x:DataType="model:Almacenes">
                <TextCell
                    Text="{Binding nombre}"
                    Detail="{Binding nombre}" />
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

</ContentPage>

为此，您还需要添加包含Almacenes类的名称空间（因为我不知道它在代码中的何处定义，所以我只是展示一个示例，您需要自己添加正确的名称空间;对于这个例子，我假设它位于Ventas_Citel.Models）。

赞(0）回复(0）举报 2022-12-16

mwg9r5ms2#

我通过从xaml文件中删除x:DataType解决了这个问题。

赞(0）回复(0）举报 2022-12-16