2
respostas

Lista de gênero e artista não esta aparecendo?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

A lista de artistas e generos nao estão paracendo, alguem sabe por que?

Codigo:

@page "/CadastrarMusica2" @inject ArtistaAPI artistasAPI @inject GeneroAPI generoAPI

<MudText Class="mt-8" Typo="Typo.h4">Cadastro de Música</MudText>

<MudForm>

    <MudTextField Class="mt-4" T="string" Placeholder="Nome da música/canção"
                  @bind-Value="nome"
                  Variant="Variant.Outlined"
                  Required="true"
                  RequiredError="Campo obrigatório." />






    <MudSelect Class="mt-4" T="ArtistaResponse" Label="Artistas" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter">
        @if (artistas is not null)
        {
            @foreach (var artista in artistas)
            {
                <MudSelectItem Value="artista" />
            }
        }
    </MudSelect>

   

    <MudTextField Class="mt-4" T="string" Placeholder="Ano de lançamento"
                  @bind-Value="anoLancamento"
                  Variant="Variant.Outlined"
                  Lines="1"
                  Required="true"
                  RequiredError="Campo obrigatório." />


    <MudSelect Class="mt-4" T="GeneroResponse" Label="Gêneros" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter">
        @if (generos is not null)
        {
            @foreach (var genero in generos)
            {
                <MudSelectItem Value="genero" />
            }
        }
    </MudSelect>

    <div class="d-flex align-center justify-space-between mt-4">
        <MudButton Variant="Variant.Filled"
                   Color="Color.Primary"
                   Class="ml-auto">
            Cadastrar
        </MudButton>
        <MudButton Variant="Variant.Filled"
                   Color="Color.Info"
                   Class="ml-3">
            Voltar
        </MudButton>
    </div>

</MudForm>

<!-- Exibindo mensagem de status do carregamento -->
<MudText Typo="Typo.body1" Class="mt-4" Color="Color.Success">
    @if (artistas is not null && artistas.Any())
    {
        <span>Artistas carregados: @artistas.Count()</span>

    }
    else
    {
        <span>Nenhum artista carregado.</span>

        <br />
    }

    @if (generos is not null && generos.Any())
    {
        <span>Gêneros carregados: @generos.Count()</span>

    }
    else
    {
        <span>Nenhum gênero carregado.</span>
    }
</MudText>

@code {

private string? anoLancamento;
private string? nome;


private ICollection<ArtistaResponse>? artistas;
private ICollection<GeneroResponse>? generos;

protected override async Task OnInitializedAsync()
{
    artistas = await artistasAPI.GetArtistasAsync();
    generos = await generoAPI.GetGenerosAsync();

    // Verificação de carregamento no console
    Console.WriteLine($"Artistas carregados: {artistas?.Count}");
    Console.WriteLine($"Gêneros carregados: {generos?.Count}");
}

}

2 respostas

Consegui resolver, é necessário botar: <MudPopoverProvider></MudPopoverProvider> Antes do MudSelect

Oi, Matheus! Tudo bem?

Que ótimo saber que você conseguiu resolver o problema por conta própria, parabéns por ter encontrado a solução e por ter compartilhado com a comunidade! Espero que continue a explorar os conteúdos para ampliar seu conhecimento e desenvolver novas habilidades. Caso tenha restado alguma dúvida em relação a qualquer conteúdo do curso ou atividade, não hesite em perguntar, estou disponível e ficarei super feliz em poder ajudar!

Um forte abraço e bons estudos!