Columna de Datagrid a la clase

Tengo un DataGrid para mostrar Productos de Tipo ProductModel. Y dentro de cada producto tengo un ProductType of Type ProductTypeModel. No soy capaz de unir propiedades de esta clase ProductTypeModel a la columna datagrid.

La unión de otras propiedades como Id, UserId, ProductLotNumber etc. funciona bien y se muestra en datagrid. Lo único que colund no puedo mostrar es ProductType y sus propiedades anidadas.

(Estoy usando Caliburn. Micro)

Aquí está ProductModel

public class ProductModel : IProductionInputItemModel, IProductionOutputItemModel
{
    public int Id { get; set; }
    public string UserId { get; set; }
    public ProductTypeModel ProductType { get; set; }
    public string ProductLotNumber { get; set; }
    public int CropYear { get; set; }
    public string ProductNote { get; set; }
    public bool IsActive { get; set; }
    public DateTime CreateDate { get; set; }
    public DateTime UpdateDate { get; set; }

}

y aquí está el ProductTypeModel

public class ProductTypeModel
{
    public int Id { get; set; }
    public string UserId { get; set; }
    public string ProductName { get; set; }
    public bool IsAseptic { get; set; }
    public bool IsPuree { get; set; }
    public bool IsPureeConcentrate { get; set; }
    public bool IsClearJuice { get; set; }
    public bool IsCloudyJuice { get; set; }
    public bool IsClearConcentrate { get; set; }
    public bool IsCloudyConcentrate { get; set; }
    public bool IsOrganic { get; set; }
    public DateTime CreateDate { get; set; } = DateTime.UtcNow;
    public DateTime UpdateDate { get; set; } = DateTime.UtcNow;
    public bool IsActive { get; set; }
}

Lo que estoy tratando de lograr es mostrar ProductName, y otras propiedades booleanas que son verdaderas en un pilapanel en una celda. Pero no pude averiguar cómo.

Esto es lo que pude subir hasta ahora pero no pude hacer que funcionara:


        
            
                ...
            
            
                ...
            
            
                
                    
                        
                            Ürün Türü

También el mirador aquí :

public class ProductViewModel : Screen
{
    private readonly IEventAggregator _events;
    private readonly IProductEndPoint _productEndPoint;

    public ProductViewModel(IEventAggregator events, IProductEndPoint productEndPoint)
    {
        _events = events;
        _productEndPoint = productEndPoint;
    }

    private BindableCollection _products;

    public BindableCollection Products
    {
        get { return _products; }
        set
        {
            _products = value;
            NotifyOfPropertyChange(() => Products);
        }
    }


    protected override async void OnViewLoaded(object view)
    {
        base.OnViewLoaded(view);
        var products = await _productEndPoint.GetAllProducts();
        Products = new BindableCollection(products);
    }
}

Pregunta hecha hace 3 años, 4 meses, 28 días - Por codecanvas

2 Respuestas:

  • Para mostrar las propiedades de ProductType dentro de la columna del DataGrid, debes tener en cuenta un par de consideraciones en tu código XAML y en tu ViewModel.

    En primer lugar, en tu XAML, asegúrate de que el DataContext del DataGrid esté correctamente configurado para que pueda acceder a las propiedades anidadas. Puedes hacerlo incluyendo el siguiente binding en tu DataGrid:

    xaml
ItemsSource="{Binding Products}"

    Esto asume que en tu ViewModel ProductViewModel, la propiedad Products es la que contiene la lista de productos que deseas mostrar en el DataGrid.

    En segundo lugar, en tu ViewModel, asegúrate de que la clase ProductModel implemente la interfaz INotifyPropertyChanged para que los cambios en las propiedades se reflejen en la interfaz de usuario. Puedes hacerlo de la siguiente manera:

    csharp
public class ProductModel : IProductionInputItemModel, IProductionOutputItemModel, INotifyPropertyChanged
{
    // Propiedades existentes

    private ProductTypeModel _productType;
    public ProductTypeModel ProductType
    {
        get { return _productType; }
        set
        {
            if (_productType != value)
            {
                _productType = value;
                OnPropertyChanged(nameof(ProductType));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

    Además, en tu ProductViewModel, deberás importar INotifyPropertyChanged y notificar los cambios en las propiedades:

    csharp
public class ProductViewModel : Screen, INotifyPropertyChanged
{
    // Resto del código

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // Resto del código
}

    Una vez que hayas realizado estos cambios, deberías ser capaz de mostrar las propiedades de ProductType en tu DataGrid como lo deseas. Asegúrate de que los datos que se están cargando en Products efectivamente contengan información en la propiedad ProductType para que se pueda mostrar en la interfaz de usuario.

    Respondida el Dec 19, 2020 a las 19:31 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Para vincular propiedades de la clase ProductTypeModel a columnas de DataGrid, debe definirlas como columnas en la propiedad Columns de DataGrid. Aquí tienes un ejemplo de cómo puedes hacerlo:

    xml

    En este ejemplo, agregué dos columnas a DataGrid: una para mostrar ProductType.ProductName y otra para mostrar un StackPanel de propiedades booleanas de ProductTypeModel. Utilicé BooleanToVisibilityConverter para convertir valores booleanos en valores de visibilidad, lo que permite mostrar u ocultar texto según el valor booleano.

    Nota: Asegúrate de que tu BooleanToVisibilityConverter está registrado en tus recursos. Puedes hacerlo en el archivo App.xaml o en el código subyacente de tu vista.

    Respondida el Dec 19, 2020 a las 19:42 - por Gemini

    Votos positivos: 0 | Votos negativos: 0