Atualização de dados do formulário

Clicar em botões em formulários geralmente acionava a execução do bloco Do. Uma nova funcionalidade chamada Use for Local Update está disponível para a ação Click de um componente Button . Ele permite que você atualize o formulário sem executar o bloco Do.

Tutorial

O próximo tutorial explica como criar botões para navegar entre várias páginas de um formulário.

1. Abra o Form Designer da atividade Create Form .

2. Arraste e solte vários componentes do painel ou qualquer outro componente de sua escolha.

   Neste exemplo, cada componente do painel representa uma página diferente do formulário, coletando informações diferentes.

3. Arraste e solte um componente Oculto (da categoria Dados ). Isso é usado para rastrear o número do painel atual.

   Para este exemplo, defina o componente Label como StepId. Por padrão, o nome da Chave de campo é definido como stepId.
   
   

   

   
   

4. Navegue até cada componente do Painel > guia Condicional e defina as condições para exibir o painel.

   Neste exemplo, cada painel é exibido apenas quando o stepId é igual ao número do painel. Para alcançar isto:

   • Na seção Condições simples > Este componente deve exibir o campo, selecione True.
   • No campo Quando o componente de formulário , selecione StepId.
   • No campo Tem o valor , insira o número do painel (por exemplo, primeiro painel—1, segundo painel—2e assim por diante).
   
   

   

   
   

5. Dentro de cada componente Panel , arraste e solte os componentes Button , conforme a seguir:

   • Para o primeiro painel, adicione um componente Button para navegar até o segundo painel (por exemplo, Next Step).
   • Para o último painel, adicione um componente Button para navegar para o painel anterior (por exemplo, Prev Step).
   • Para os painéis intermediários, adicione dois componentes Button : um para navegar para o painel anterior e outro para navegar para o próximo.
6. Navegue até a guia Exibição de cada botão. Defina a Ação do botão como Click. A caixa de seleção Usar para atualização local é exibida. Este é o recurso que permite a navegação entre os painéis do formulário ao clicar no botão, sem executar o bloco Do.
7. Marque a caixa Usar para atualização local . O editor de código Update Data Logic é exibido.

8. Use o snippet de JavaScript predefinido e insira os dados que deseja atualizar entre as chaves. Certifique-se de usar os nomes de chave de campo dos componentes do formulário que deseja atualizar (aqueles definidos na etapa 3).

   O fragmento de JavaScript tem o seguinte modelo: instance.emit('updateData', {[field_key_name]:[field_key_update_value]});, em que [field_key_name] representa a chave de campo do componente e [field_key_update_value] representa o novo valor para o componente.

   Para este exemplo, use os seguintes snippets:

   • Para botões Next Step instance.emit('updateData', {stepId:X});, e substitua X pelo número do próximo painel (por exemplo, para o botão no segundo painel, use instance.emit('updateData', {stepId:3});)
   • Para botões Prev Step instance.emit('updateData', {stepId:Y});, e substitua Y pelo número do painel anterior (por exemplo, para o botão no segundo painel, use instance.emit('updateData', {stepId:1});)

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou ter uma referência futura, baixe o exemplo XAML