AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79017400
Accepted
marc_s
marc_s
Asked: 2024-09-24 15:16:42 +0800 CST2024-09-24 15:16:42 +0800 CST 2024-09-24 15:16:42 +0800 CST

Como lidar corretamente com a seleção múltipla?

  • 772

Estou com dificuldades com um componente de menu suspenso de seleção múltipla no meu aplicativo do lado do servidor Blazor .NET 8. Estou usando o componente de seleção MudBlazor para dar suporte à seleção múltipla.

Estou carregando uma lista de departamentos da nossa instância do Dynamics e os estou armazenando em um List<SelectListItem>. Cada entrada tem um Key(um valor numérico, como 737004101) e uma representação textual do departamento ("Departamento A").

Meu objetivo é

  • exibir os departamentos em um menu suspenso de seleção múltipla (com caixas de seleção para permitir a seleção de várias entradas), mostrando o nome dos departamentos
  • armazenar a lista de departamentos selecionados por meio de seus valores-chave numéricos (por exemplo, a List<int>ou uma sequência concatenada de valores-chave)

Meu problema é: não consigo fazer isso funcionar como eu gostaria.

Estou renderizando os departamentos assim - com essa configuração, os nomes dos departamentos são exibidos quando o menu suspenso é aberto (como esperado e desejado):

<MudSelect T="string" @bind-Value="@CurrentValue" MultiSelection=true>
    @foreach (SelectListItem item in Departments)
    {
        <MudSelectItem T="string" Value="@item.Value">@item.Text</MudSelectItem>
    }
</MudSelect>

A lista de departamentos é tratada como um parâmetro no meu componente:

[Parameter]
public List<SelectListItem> Departments { get; set; } = new List<SelectListItem>();

e CurrentValuevem do InputBase<string>componente base do Blazor - é um campo de string no componente.

Se eu fizer assim, vejo a lista de departamentos com seus nomes no menu suspenso, posso selecionar várias entradas, mas depois de terminar a seleção, o componente MudSelect mostra a lista concatenada dos valores numéricos dos departamentos selecionados (por exemplo, "737004101, 737004104, 737004106").

Então descobri a MultiSelectionTextFuncpropriedade de MudSelect, e, lendo os documentos, acreditei que essa era a solução: uma função usada para definir um texto de exibição personalizado para o componente, quando vários itens foram selecionados. Então criei uma função dessas no meu componente e conectei-a ao MudSelect:

<MudSelect T="string" @bind-Value="@CurrentValue" MultiSelection=true MultiSelectionTextFunc="@GetMultiSelectionText">
    @foreach (SelectListItem item in Departments)
    {
        <MudSelectItem T="string" Value="@item.Value">@item.Text</MudSelectItem>
    }
</MudSelect>

private string GetMultiSelectionText(List<string> selectedValues)
{
    List<string> selectedTexts = new List<string>();

    foreach (string value in selectedValues)
    {
        SelectListItem? item = Departments.FirstOrDefault(x => x.Value == value);

        if (item != null)
        {
            selectedTexts.Add(item.Text);
        }
    }

    return string.Join("; ", selectedTexts);
}

Pego a lista dos valores (numéricos) selecionados, traduzo-os em nomes de departamentos e, então, mostro isto (lista de nomes legíveis por humanos dos departamentos selecionados) no meu componente:

Dept. A; Dept. D; Dept. H

Mas, embora agora eu veja os nomes dos departamentos na lista suspensa e, depois de escolher alguns deles, também vejo os nomes legíveis na caixa de texto do componente suspenso. Agora, meu CurrentValuetambém está sendo definido para a lista de nomes dos departamentos selecionados. Não recebo mais a lista das teclas numéricas selecionadas.

Parece que eu posso:

  • selecione vários departamentos e obtenha a lista dos selecionados (numéricos) Id- mas a exibição dos departamentos selecionados também é a lista concatenada de numéricos Id; ou

  • use isso MultiSelectionTextFunce obtenha a exibição dos departamentos selecionados corretamente, em formato legível por humanos - mas perco as informações de quais teclas (numéricas) foram selecionadas.

O que posso fazer para alcançar ambos?

  • Mostrar nomes dos departamentos no menu suspenso e após a seleção para referência
  • Armazene/recupere a lista numérica Keydos departamentos selecionados para que eu possa armazená-los em um banco de dados de alguma forma
blazor
  • 1 1 respostas
  • 52 Views

1 respostas

  • Voted
  1. Best Answer
    Uerschel
    2024-09-24T17:43:07+08:002024-09-24T17:43:07+08:00

    Você pode armazenar seus objetos SelectedListItem como SelectedValues. Dessa forma, você pode recuperar os Keyvalores e exibi- Textlos usando ToStringFunc="x => x.Text". Além disso, você pode definir Delimiter="; "para atingir o

    Dept. A; Dept. D; Dept. H
    

    olhar.

    Então seu Mudselect fica assim:

    <MudSelect 
     T="SelectedListItem" 
     @bind-SelectedValues="@_selectedValues" 
     MultiSelection="true" 
     ToStringFunc="x => x.Text"
     Delimiter="; "
    >
        @foreach (SelectListItem item in Departments)
        {
            <MudSelectItem T="SelectListItem" Value="@item">@item.Text</MudSelectItem>
        }
    </MudSelect>
    

    e você pode recuperar as chaves tão simples quanto

    private IEnumerable<int> GetSelectedKeys()
    {
        return _selectedValues.Select(x => x.Key);
    }
    

    Fragmento de Lama

    • 1

relate perguntas

  • Como obter o contexto correto para o modelo SfListView dentro do componente EditForm Blazor?

  • Blazor - limpe todas as opções de seleção sem recuperar os dados

  • Manipular index.html no Blazor WASM

  • A ligação do Blazor à entrada de texto não funciona após inserir um valor na entrada

  • A página do Blazor que possui passagem de dados de componente para componente está gerando um erro de evento durante o carregamento

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve