Tabs

Tabs divide uma página em abas (A), cada uma TabPanel nomeada por seu Value (value no React), igual em Blazor e React. Ele pode manter a aba selecionada na URL, então uma página se abre novamente nela, e ele monta cada painel apenas quando ele é exibido pela primeira vez.

Lembrando a aba selecionada

Defina SelectedTabQueryParameter (selectedTabQueryParameter no React) para manter a aba selecionada nesse parâmetro de sequência de consulta. Uma atualização, um link compartilhado ou retorno à página então a abre nessa aba. Escolher uma aba substitui a entrada do histórico do navegador em vez de adicionar uma, então o botão voltar sai da página em vez de passar por suas abas e o aviso de alterações não salvas no formulário não aparece para isso. A aba padrão fica fora da URL. As abas são nomeadas pelo valor, não pela posição, então um link ainda abre a aba direita depois que as abas são adicionadas ou movidas. Dê a cada conjunto de abas em uma página seu próprio parâmetro.

Painéis de montagem

Um painel é montado na primeira vez que sua aba é mostrada e depois permanece montado, então uma grade nele não é carregada até que seja desejada, e não carrega novamente, ou perde sua página e busca quando o usuário volta. Os editores de um painel não fazem parte do formulário até que ele seja montado, então monte um painel com os campos do formulário com as abas ( LazyMountlazyMount no React) false em nesse TabPanel, e o formulário valida e salva antes da aba ser aberta. Configure Tabs para montar todos os painéis com as abas (abs).

Selecionando uma aba

Vincular SelectedTab (selectedTab e onSelectedTabChange no React ) para saber qual aba está selecionada ou para selecionar uma. DefaultTab (defaultTab) é selecionada quando nada mais seleciona uma; caso contrário, é a primeira aba que não está desativada. Uma aba nomeada pela URL é selecionada em ambas quando a página se abre.