Como Criar Abas de Formulários em PowerApps para a Lista do SharePoint

Como Criar Abas de Formulários em PowerApps para a Lista do SharePoint

neste PowerApps Tutorial, Vamos ver o que são guias em PowerApps, Como criar uma guia ou guias no PowerApps app. Este é um exemplo completo de como criar formulários com guias no PowerApps para a lista do SharePoint.

além disso, tomando um cenário simples, veremos como podemos usar as guias PowerApps na tela PowerApps.

o que são guias PowerApps?

• uma guia é talvez um botão ou qualquer controle de entrada clicável na parte superior de um formulário ou janela. Essa guia Ajuda a exibir outra página ou área quando um usuário clica nela. Quando um usuário clica nas guias, ele está fazendo alguma funcionalidade.Da mesma forma, os formulários com guias PowerApps são usados para tornar os itens de grupo e manter o tamanho visível dos formulários gerenciáveis.
• até agora PowerApps não tem qualquer forma com guias. Assim, podemos criar o formulário com guias usando algum grupo de controles de entrada Powerapps e também uma galeria.

requisito:

a captura de tela abaixo representa o cenário que desejo criar para os usuários. Existem três guias como:

1. doença: quando um usuário clicar na guia doença, ele exibirá todos os campos relacionados apenas à doença (como problemas circulatórios, doença hepática, hepatite, etc). Ao mesmo tempo, essa guia estará no modo desativar e as outras duas guias estarão no modo Editar.
2. Detalhes Do Paciente: Quando um usuário clicar na guia Detalhes do paciente, ele exibirá todos os campos relacionados apenas ao paciente (como nome do paciente, nome do Pai, DOB, etc). Ao mesmo tempo, essa guia estará no modo desativar e as outras duas guias estarão no modo Editar.Detalhes relativos: quando um usuário clicar na guia detalhes relativos, ele exibirá todos os campos relacionados apenas ao paciente (como nome relativo do paciente, relacionamento com o paciente, Número de contato relativo, etc.). Ao mesmo tempo, essa guia estará no modo desativar e as outras duas guias estarão no modo Editar.

além disso, quando o USUÁRIO inserir todos os valores de campo e depois enviá-los, todos os dados serão armazenados na lista do SharePoint.

Leia-se: Poder Apps indicador de Carregamento

Criar Formulário com Guias em PowerApps

Aqui vamos ver como podemos criar diferentes PowerApps abas, conforme a necessidade. Siga as etapas abaixo para fazer o requisito acima.

Etapa 1:

há uma lista do SharePoint chamada detalhes de registro do Hospital. Esta lista tem essas muitas colunas abaixo com diferentes tipos de dados como:

1. Título: esta é uma coluna padrão com uma única linha de texto. Acabei de renomeá-lo para nome do paciente.
2. Nome do Pai: Única linha de texto
3. Data De Nascimento: Data e Hora
4. Gênero: Escolha do Tipo e assim por diante

Passo– 2:

• Criar um PowerApps Tela do aplicativo. Conecte a fonte de dados da lista do SharePoint (detalhes do registro do Hospital) ao aplicativo.

• No PowerApps tela, Insira um formulário de Edição (Inserir -> Formulários> Editar). Conecte a fonte de dados da lista do SharePoint ao formulário. Você pode ver todos os campos foram recuperados da lista. Mantenha os campos obrigatórios e remova os campos desnecessários do formulário.

Passo-3:

• adicione três botões para criar três guias na tela. Todos os botões devem ser colocados acima do formulário de edição que se parece com abaixo.
• defina todas as propriedades de texto dos três botões como doença, detalhes do paciente e detalhes relativos.

Passo– 4:

• Selecione a Doença de guia e de aplicar esta beow fórmula é OnSelect propriedade como:

OnSelect = Set(varFormTab, "Disease")

Onde,

1. varFormTab = Nome da Variável
2. Doença = Este é o valor que eu tenha especificado

• Em seguida, selecione a propriedade DisplayMode da guia e defina essa fórmula abaixo:

DisplayMode = If( varFormTab = "Disease", Disabled, Edit)

O código acima especifica se a variável especificada contém a Doença do valor e, em seguida, a guia será em desabilitar modo caso contrário, ele vai estar no modo de edição.

Passo– 5:

• Selecione o Paciente guia Detalhes e aplicar esta beow fórmula é OnSelect propriedade como:

OnSelect = Set(varFormTab, "PatientDetails")

Onde,

1. varFormTab = Nome da Variável
2. PatientDetails = Este é o valor que eu tenha especificado

• Em seguida, selecione a propriedade DisplayMode da guia e defina essa fórmula abaixo:

DisplayMode = If( varFormTab = "PatientDetails", Disabled, Edit)

O código acima especifica se a variável especificada contém o PatientDetails valor e, em seguida, a guia será em desabilitar modo caso contrário, ele vai estar no modo de edição.

Passo– 6:

• Selecione a Relativa guia Detalhes e aplicar esta beow fórmula é OnSelect propriedade como:

OnSelect = Set(varFormTab, "RelativeDetails")

Onde,

1. varFormTab = Nome da Variável
2. RelativeDetails = Este é o valor que eu tenha especificado

• Em seguida, selecione a propriedade DisplayMode da guia e defina essa fórmula abaixo:

DisplayMode = If( varFormTab = "RelativeDetails", Disabled, Edit)

O código acima especifica se a variável especificada contém o RelativeDetails valor e, em seguida, a guia será em desabilitar modo caso contrário, ele vai estar no modo de edição.

Passo– 7:

• Agora, vamos decidir qual o campo que será exibido na guia. Isso significa que, suponha que na tela, eu tenha uma doença chamada “dores de cabeça crônicas”.
• quero exibir este campo quando o usuário clicar na guia doença. Siga a fórmula abaixo para fazer isso.
• selecione o cartão de dados Chronic Headaches (o cartão de dados deve ser desbloqueado primeiro) e aplique esta fórmula abaixo em sua propriedade visível como:

Visible = If( varFormTab = "Disease", true, false)

Onde,

1. varFormTab = nome da Variável que criamos antes de
2. Doença = O valor que especificou

O código acima especifica, se a variável é igual a Doença de valor, em seguida, o campo estará visível, caso contrário ele irá se esconder.

nota:

se você estiver interessado em aprender sobre o Controle de alternância PowerApps, consulte este artigo: PowerApps toggle control + Como Usar Com exemplo. Este tutorial do PowerApps ajuda você a obter como alterar o valor de alternância de true para Yes ou false para No e muito mais.

Passo– 8:

• da mesma forma, suponha que existe um campo chamado Nome do Paciente e queremos exibir o campo quando o usuário clique sobre o Paciente guia Detalhes.
• para fazer isso, selecione o cartão de dados do nome do paciente e aplique esta fórmula abaixo em sua propriedade Visível:

Visible = If( varFormTab = "PatientDetails", true, false)

Onde,

1. varFormTab = nome da Variável que criamos antes de
2. PatientDetails = O valor que especificou

O código acima especifica, se a variável é igual a PatientDetails valor e, em seguida, o campo estará visível, caso contrário ele irá se esconder.

• da mesma forma, você pode fazer o mesmo processo para o resto campos para seus guias específicas.

Passo – 9:

• insira um botão onde ele irá ajudá-lo a armazenar o registro na lista do SharePoint (detalhes de registro do Hospital).
• selecione o botão e defina sua propriedade de texto para salvar.
• Aplicar esta fórmula abaixo no Botão OnSelect propriedade como:

OnSelect = SubmitForm(Form1)

Onde,

Form1 = Editar nome do formulário

Passo– 10:

• Salvar e Publicar o aplicativo. Reabra o aplicativo novamente. Insira os valores escolhendo cada guia e clique no botão Salvar.

• em seguida, vá para a lista existente do Sharepoint (Hospital Detalhes de Registro) e atualizá-la. Você pode ver que um novo item foi salvo como a imagem abaixo.

além disso, você pode, como estes abaixo PowerApps tutoriais de como:

• PowerApps tabela de repetição
• PowerApps Função Cont.se com Exemplos
• PowerApps função CountRows com Exemplos
• PowerApps Função Contar com Exemplos
• PowerApps caixa de Seleção – Como usar
• PowerApps Primeiro, FirstN, Último, e LastN função com exemplos
• PowerApps AddColumns Função com Exemplos
• PowerApps LastSubmit() com Exemplos
• PowerApps ForAll Função com exemplos
• PowerApps Função de correção com exemplos

neste PowerApps Tutorial, Nós vimos o que são PowerApps guias, como criar uma guia ou guias no aplicativo PowerApps. Aprendemos aqui, como criar um formulário com guias para a lista do SharePoint no PowerApps.