Tela do PowerApps: edição e atualização

Neste tutorial, discutiremos as diferentes coisas que podemos fazer na tela PowerApps para Edit . Também entenderemos como funciona a propriedade Update e como usar caixas de texto.

O PowerApps oferece muitas opções que os usuários podem usar nas telas do PowerApps, como modificar as propriedades da caixa de texto e usar a propriedade Update .

Índice

• Editando registros através da tela de edição do PowerApps
• Entendendo como funciona a tela de edição do PowerApps
• Utilizando a propriedade Update
• Modificando o formulário de tela de edição e as propriedades da caixa de texto
• Corrigindo erros na tela de edição do PowerApps
• Modo de exibição de caixa de texto na tela de edição do PowerApps
• Conclusão

Editando registros através da tela de edição do PowerApps

Vamos primeiro clicar em EditScreen1 para passar pela tela de edição.

Em seguida, clique no botão Reproduzir .

Podemos editar os registros através da tela de edição.

Depois de editar os registros, basta clicar no ícone de marca de seleção aqui para salvar as alterações que fizemos em nosso arquivo de dados.

Entendendo como funciona a tela de edição do PowerApps

Vamos analisar como funciona a tela de edição. Exiba os elementos reais na EditScreen1 clicando nesta seta.

O primeiro elemento é o EditForm1 que é todo o nosso elemento de formulário.

Assim como um formulário de exibição, o PowerApps também possui um formulário de edição. A beleza deste formulário é que todos os controles são adicionados automaticamente de acordo com seus respectivos tipos de campo. 

Também temos o LblAppName3 que é o título ( Tabela1 ) do formulário.

O IconAccept1 e o IconCancel1 são os dois elementos de ícone para o X e o ícone de marca de seleção .

O último elemento é a barra de ação retangular azul.

Também podemos clicar na seta em EditForm1 para exibir os subelementos.

Em seguida, veremos os diferentes cartões de dados dentro deles, semelhantes ao que vimos na tela de detalhes.

Cada cartão de dados também contém diferentes subelementos que podemos editar, como o DataCardValue9 , que é a caixa de texto, e o DataCardKey9 , que é o rótulo.

Ele também possui esses elementos StarVisible1 e ErrorMessage1 que podem ser usados ​​para fins de validação, como uma mensagem de erro quando um usuário digita um valor incorreto. Nos módulos futuros, mostraremos como podemos fazer essas validações de erro.

Também podemos organizar os cartões de dados. Basta clicar em qualquer um dos cartões de dados, ir para a guia Propriedades e clicar em Editar .

O painel Campos aparecerá e agora podemos organizar nossos cartões de dados arrastando-os.

Vamos organizar nossos cartões de dados como mostrado na imagem abaixo.

Utilizando a propriedade Update

Na tela de edição, cada cartão de dados também possui propriedades diferentes. A propriedade que precisamos usar aqui é a propriedade Update .

Ao usar a propriedade Update , quando um usuário faz algumas alterações e as salva, ele atualizará essas alterações nos dados correspondentes em nosso arquivo de dados. Quando um usuário clica no ícone de marca de seleção, ele atualiza o valor do cartão de dados para o que o usuário inseriu.

No entanto, o que realmente está sendo enviado é o valor da propriedade Update do cartão de dados e não exatamente o valor de texto que o usuário inseriu nas caixas de texto. Acontece que, por padrão, a propriedade Update do cartão de dados é equivalente ao valor da caixa de texto. Podemos mudar isso se você quiser por algum motivo.

Por exemplo, na caixa de texto VIPLevel , queremos que o usuário insira um número. No entanto, quando o usuário insere um número e clica no ícone de marca de seleção para salvá-lo, queremos que esse número seja automaticamente multiplicado por 10 antes de salvá-lo em nosso arquivo de dados.

Nesse caso, devemos editar o valor da propriedade Update .

Por padrão, isso está bloqueado. Podemos desbloqueá-lo indo para a guia Avançado e clicando em Desbloquear para alterar as propriedades .

Então vamos adicionar * 10 aqui. Ao fazer isso, em vez de salvar o número exato do usuário, ele primeiro multiplicará esse número por 10 e o salvará em nosso arquivo de dados.

Modificando o formulário de tela de edição e as propriedades da caixa de texto

Cada caixa de texto do nosso cartão de dados também possui suas próprias propriedades que podemos alterar. Por exemplo, vamos clicar na caixa de texto do primeiro nome e clicar na guia Propriedades . Em seguida, podemos ver as diferentes propriedades que podemos alterar, como formato , fonte , tamanho da fonte , alinhamento do texto e muito mais.

Vamos fazer mais alterações em nosso formulário editando a data. Atualmente, temos a opção de escolher o horário.

Vamos removê-los pressionando a tecla backspace ou delete porque são desnecessários.

Corrigindo erros na tela de edição do PowerApps

Depois de remover esses dois cartões de dados, aparecerão erros.

Podemos verificar o significado do erro clicando nele e clicando em Editar na barra de fórmulas .

Podemos então ver que tem um erro porque a propriedade Update deste cartão de dados tem o DateValue1.SelectDate que é o cartão de dados DateJoined junto com uma função Time e Value que deve conter o HourValue1 e MinuteValue1 (os cartões de dados que temos removido anteriormente). A razão pela qual recebemos esse erro é que excluímos esses dois elementos, mas a fórmula de atualização ainda faz referência a isso.

Para corrigir o erro que encontramos, precisamos apenas removê-los e deixar de fora o DateValue1.SelectedDate .

Vamos verificar o outro erro.

O próximo erro está dentro do elemento ErrorMessage3 . Tem uma propriedade Y que é sobre a posição vertical desse elemento. Aqui, ele faz referência à posição Y e à altura de HourValue1 que excluímos.

Portanto, vamos alterar HourValue1 para DateValue1 para que ele faça referência ao nosso cartão de dados DateJoined .

Outro erro é para o elemento MinuteValue1 que não precisamos mais porque já removemos o cartão de dados para ele. Então, vamos apenas deletar este elemento.

Clique em suas reticências e clique em Excluir .

Outro erro é para o elemento Separator2 . Novamente, está referenciando o HourValue1 que já excluímos.

Então, vamos apenas mudar isso para DateValue1 .

Vamos corrigir os outros erros com o mesmo problema apenas alterando o HourValue1 para DateValue1 .

Novamente, o motivo pelo qual estávamos recebendo esses erros é que excluímos alguns elementos, mas havia propriedades de outros elementos que usavam as propriedades dos elementos que excluímos.

Modo de exibição de caixa de texto na tela de edição do PowerApps

A última coisa que precisamos fazer é o passaporte e o número do cliente. Queremos que sejam visualizados pelos usuários, mas não que sejam alterados ou atualizados.

To do that, let’s select the textbox for the passport. Click the Advanced tab and unlock it by clicking the Unlock to change properties.

Scroll down below to find the DisplayMode option. Its display mode is currently set to Parent.DisplayMode.

The display mode of its parent element is set to Edit. You can also change the display mode here but it will affect all the textboxes.

So, just change it by typing View.

Then we’ll see that we can no longer edit the passport number textbox.

Next is to change the display mode for the customer number. Select the textbox for the customer number. Go to the Advanced tab and click the Unlock to change properties.

This time, we need to go to the Properties tab and click the Display mode.

We need to change its display mode on its properties. By default, it’s also using the Parent.DisplayMode.

Just change it to View.

Then, our customer number textbox is not editable as well.

Let’s click the play button.

Finally, we’ll see that we can edit the other text boxes contents aside from the passport and customer number.

Introdução ao Power Apps: definição, recursos, funções e importância
Tutorial do Microsoft Power Apps | Erro ao verificar
ambientes do Power Apps: configurando os elementos do aplicativo corretamente

Conclusão

Para resumir, esta foi apenas uma visão geral básica das coisas que podemos fazer dentro da tela de edição e do formulário de edição do PowerApps. Há várias coisas que podemos fazer nessas telas. Podemos alterar o formato, excluir alguns elementos ou até mesmo bloquear e desbloquear elementos para editá-los.

A principal coisa a lembrar é que, ao usar a propriedade Update , o que está sendo enviado é o valor da propriedade Update de cada cartão de dados e não o valor real das caixas de texto. Só que por padrão, o valor da propriedade Update é equivalente ao valor das caixas de texto.

Tudo de bom,

henrique