Adicionar lista

Uma lista é uma configuração controlada por dados que renderiza uma lista de registros sem a necessidade de um desenvolvedor exibir a grade no portal. As listas usam as exibições do Dataverse para exibir registros no portal.

Uma lista exibe dados em um modo de exibição em grade em sites do Power Pages. Você cria listas em páginas com base em exibições de tabela do Dataverse. Use o Espaço de trabalho de dados ou os aplicativos baseados em modelo criados no Power Apps para criar modos de exibição de tabela no Dataverse. Use-as em páginas ou com formulários para criar um aplicativo Web completo.

Gorjeta

Para saber como usar Power Pages, criar um modo de exibição e adicionar uma lista a uma página, consulte Tutorial: Adicionar uma lista a uma página.

Para adicionar uma lista:

  1. Abre o estúdio de design para editar o conteúdo e os componentes da página.

  2. Selecione a página que deseja editar.

  3. Selecione a seção em que você deseja adicionar o componente de lista.

  4. Passe o mouse sobre qualquer área de tela editável e selecione o ícone Lista no painel de componentes.

    As opções do menu Adicionar componente.

    A janela Adicionar uma lista é aberta.

  5. Escolha criar uma nova lista ou escolher uma lista existente e selecione Ok.

    Observação

    A lista moderna é a experiência de lista padrão para sites recém-criados. Para usar a experiência de lista clássica, desative o botão de alternância Lista moderna.

    • Se você optar por criar uma nova lista, a janela Adicionar uma lista será aberta na guia Configurar.
    • Se usar uma lista existente, você será redirecionado para a lista exibida no espaço de trabalho do Pages. Escolha a lista e selecione o botão Editar lista logo acima do componente para acessar as opções de configuração na janela Adicionar uma lista. Você também pode optar por alterar sua lista para uma lista moderna ao editá-la.

Lista moderna

A lista moderna é a experiência padrão de lista para sites do Power Pages recém-criados. Ele fornece uma aparência atualizada, carregamento e navegação aprimorados e funcionalidades de estilo aprimoradas.

Quando você adiciona uma lista a um site recém-criado, a lista usa a experiência moderna por padrão. Para usar a experiência de lista clássica, desative a alternância de Lista moderna ao adicionar ou editar a lista.

  • Carregamento com efeito shimmer - A animação de carregamento é exibida enquanto os dados são carregados da sua fonte de dados.
  • Rolagem infinita- O conteúdo é carregado automaticamente na parte inferior da página quando os usuários rolam.
  • Filtros em linha - Os filtros se aplicam automaticamente a todas as colunas na exibição de lista.
  • Opções de estilo - Personalize elementos como cor do plano de fundo e da fonte, adicione cores de linha alternadas e ajuste margens e preenchimento.

Gorjeta

Você pode copiar o estilo de uma lista moderna para outras listas modernas em seu site para uma experiência de design consistente em todas as páginas.

Configure sua lista

Especifique valores para cada campo na seção Configurar . Selecione a guia do menu Configurar na janela Adicionar uma lista para concluir esta etapa.

Lista Descrição
Escolha uma tabela O nome da tabela da qual as exibições são carregadas.
Selecionar exibições do Dataverse A visualização da tabela de destino a ser renderizada. Para modificar as colunas na exibição, acesse o espaço de trabalho de Dados.
Dê um nome à sua lista O nome da lista.

Escolher as ações da lista

Especifique as ações que você deseja executar para sua lista configurando ações de lista. As ações estão listadas na guia do menu Ações na janela Adicionar uma lista. Para cada uma dessas opções, você também pode alterar o rótulo do botão padrão editando o campo Rótulo de exibição.

Dados Descrição
Criar um novo registro Permite ao usuário criar um novo registro. Selecione a página da Web de destino, o formulário ou a URL que contém o novo registro.
Baixar conteúdo da lista Permite que o usuário baixe o conteúdo da lista em um arquivo *.xlsx.
Exibir detalhes Permite que o usuário exiba os detalhes. Selecione a página da Web, o formulário ou a URL que contém os detalhes.
Editar registro Permite que o usuário edite o registro. Selecione a página da Web, o formulário ou a URL que contém os detalhes do registro a ser editado.
Excluir registro Permite que o usuário exclua o registro.

Especificar mais opções

Talvez você queira personalizar ainda mais suas opções de lista. Acesse a guia do menu Mais opções na janela Adicionar uma lista para configurar mais opções para a lista.

Configurações Descrição
Número de registros por página Aplica-se somente a listas clássicas. Determina quantos registros são exibidos por página. Se a tabela contiver mais registros, os controles de navegação serão exibidos para que os usuários possam exibir o próximo conjunto de registros ou anterior. As listas modernas usam rolagem infinita, portanto, essa opção não está disponível quando a lista moderna está ativada.
Habilitar a pesquisa na lista Ativa o recurso de pesquisa para a lista. Adicione um texto de exemplo à barra de pesquisa.

Observação

Habilite as permissões de tabela para garantir que os usuários possam exibir os dados nas listas.

Você também pode especificar mais opções usando o aplicativo Gerenciamento de Portal.

Duplicar uma lista

No espaço de trabalho Páginas no estúdio de design, você pode selecionar as reticências (...) no componente de lista para duplicar uma lista, movê-la para cima ou para baixo dentro da seção ou excluí-la.

Filtros de lista

Os criadores podem adicionar filtros de lista ao site do Power Pages no estúdio de design.

Tipos de filtros

Você pode configurar todos os tipos de filtros de metadados que o app Portal Management suporta no estúdio do Power Pages. Cada tipo de filtro tem um nome simplificado que corresponde à sua visualização. Os criadores também podem editar ou excluir os filtros ao trabalhar com o componente de lista dentro do estúdio de design.

Visualização de Filtro Descrição
Texto Filtra a lista usando uma caixa de texto para procurar o texto correspondente em um atributo selecionado da tabela fornecida.
Caixa de seleção, menu suspenso e botão de opção Os criadores podem escolher entre caixas de seleção, menus suspensos e botões de opção como visualizações para seu tipo de filtro. Mais opções para configurar o filtro aparecem assim que os criadores escolhem a coluna. Essas opções variam com base no tipo de dados da coluna.
Personalizada Filtra a lista usando uma condição de filtro FetchXML. Quando um fabricante seleciona "personalizado", uma caixa de texto é exibida. Os criadores inserem a instrução XML neste campo.

Adicionar um filtro de lista

Para adicionar um filtro de lista, selecione o componente de lista adicionado e configurado anteriormente.

  1. Escolha o item de menu Adicionar filtro na barra de ferramentas.

    A barra de ferramentas da lista no espaço de trabalho do Pages com o item de menu Adicionar filtro destacado.

    Uma janela pop-up é exibida no espaço de trabalho do Pages com opções de filtro de lista.

    A janela pop-up “Adicionar filtro” dentro do espaço de trabalho Pages.

  2. Selecione, no seletor suspenso abaixo do rótulo Type, o tipo de filtro que deseja usar.

  3. Escolha a coluna que deseja filtrar no menu suspenso sob o rótulo Coluna.

    Observação

    O estúdio exibe as diferentes opções para os criadores filtrarem seus dados com base no tipo de filtro e na coluna que eles escolherem.

  4. Selecione o botão OK para salvar suas seleções.

  5. Depois que o filtro for aplicado, você poderá editar a configuração de filtro selecionando o botão Editar filtro no estúdio de design.

    As opções do menu de edição de filtro dentro do estúdio de design.

Configurações de filtro

Você pode editar as configurações de filtro selecionando a opção de configurações de filtro no componente no estúdio de design.

As opções do menu de configurações de filtro dentro do estúdio de design com o botão de orientação de filtro vertical selecionado.

Confira também

  • Última atualização em