Habilite a configuração de componentes com controladores herdados no construtor de componentes

Saiba como os componentes podem herdar recursos da página.

Usando o construtor de componentes, os desenvolvedores adicionam recursos de dados de duas maneiras: Diretamente no componente ou por meio da herança da página.

Configuração direta

Quando você adiciona recursos de dados diretamente a um componente, eles permanecem contidos nesse componente. Esses recursos de dados internos não ficam visíveis ou acessíveis quando o componente é colocado em uma página.

Herança

Você pode configurar um componente para herdar recursos de dados da página em que ele foi colocado. Quando a herança está habilitada, o componente verifica se há recursos de dados do mesmo tipo e se conecta automaticamente a eles. Por exemplo, um componente configurado para herdar controladores de formulário procurará controladores de formulário na página. Isso permite que o componente seja usado em diferentes contextos de página e aproveite os recursos de dados existentes sem configuração manual todas as vezes.

Quando você coloca um componente configurado para herança em uma página, o comportamento de herança funciona da seguinte forma:

Recursos correspondentes encontrados	Comportamento
Nenhuma correspondência encontrada	Cria um novo recurso do mesmo tipo usando a configuração inicial do componente
Um	Conecta-se a esse recurso
Múltiplo	Conecta-se à primeira instância desse recurso

Habilite a configuração de componentes com controladores herdados

Configure componentes para herdar controladores e recursos de dados automaticamente quando colocados nas páginas.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Neste exemplo do Construtor de componentes, criaremos um componente de texto e o configuraremos para herdar o controlador de lista. Em seguida, o colocaremos em uma página de lista onde o componente se conecta ao controlador de lista e exibe o nome da tabela apropriado.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
2. Selecione Criar em Construtor de IUpágina inicial.
   
3. Selecione Componente .
4. No formulário, insira os seguintes valores:

   Tabela 1. Propriedades do componente

   Campo	Valor
   Nome	Referência da Tabela
   Categorias	Conteúdo
   Descrição	Componente de texto que exibe o nome da tabela da página atual
   Ícone	(Padrão)

5. Selecione Criar.
6. Adicione um recurso de dados ao componente.
   1. No compartimento de recursos de dados, selecione Adicionar recurso de dados .
   2. À esquerda, selecione Controlador de lista .
   3. À direita, selecione Configurações avançadas para expandir a seção.
   4. Selecione Herde configurações do primário opção para habilitar a propriedade.
   5. Selecione Adicionar.
   
7. Crie o componente.
   1. Na árvore de conteúdo, selecione - Adicionar conteúdo .
   2. Selecione Coluna única , em seguida, selecione Adicionar .
   3. Na árvore de conteúdo, selecione - Adicionar conteúdo em Coluna 1 .
   4. Selecione um Texto estilizado , em seguida, selecione Adicionar .
   5. Selecione Cancelar para fechar a janela predefinida.
8. Configure o componente para usar o controlador de lista.
   1. No painel de configuração, passe o mouse sobre Texto e selecione os dados de vinculação ícone.
   2. À esquerda, selecione Fórmulas e clique duas vezes CONCAT .
   3. Na seção superior, clique duas vezes valor 1 para editar o campo e inserir "Lista mostrando registros de " .
   4. Clique duas vezes valores para editar o campo e inserir List_controller_1.tableLabel .
   5. Selecione Aplicar.
9. Selecione Salvar para salvar seu trabalho.
   Seu componente personalizado agora está disponível na caixa de ferramentas e pronto para uso em uma página.
10. Coloque o componente em uma página de lista para vê-lo herdar automaticamente o controlador de lista e exibir o nome da tabela.