Campos dinâmicos

Nesse post vou mostrar uma coisinha com o Instance Manager, que serve pra gerenciar subforms em tempo de execução. Assim é possível adicionar, remover, mudar a ordem dos subforms dentro de um formulário, e consequentemente tudo o que tem dentro deles.

Vamos imaginar 2 botões, Adicionar e Remover, e logo abaixo 2 ou 3 campos dentro de um subform (subformCampos). Depois outro subform (subformInf) com algumas informações. 

No clique do botão Adicionar, será adicionado instâncias do subform especificado, e a mesma coisa com o botão remover.

Inicialmente ficará assim:

campos_dinamicos_1

Note que será preciso deixar o conteúdo da PG1 como Flowed, como mostrado na imagem.

Agora clique em subformCampos na paleta Hierarchy e defina as informações como a seguir.

campos_dinamicos_2

No evento click do botão Adicionar, coloque o seguinte código javascript:

if (form1.PG1.subformCampos.instanceManager.count <form1.PG1.subformCampos.instanceManager.max){
     form1.PG1.subformCampos.instanceManager.addInstance(1);
     xfa.form.recalculate(true);
 }
&#91;/sourcecode&#93;

</span>

E no botão Remover:


if (form1.PG1.subformCampos.instanceManager.count > form1.PG1.subformCampos.instanceManager.min){
     form1.PG1.subformCampos.instanceManager.removeInstance(form1.PG1.subformCampos.instanceManager.count -1);
     xfa.form.recalculate(1);
}

Agora faça o teste! Veja que ele “empurra” o texto que existe abaixo dos campos.
Clique campos_dinamicos e faça o download do arquivo já pronto.
Dúvidas? Comentem!

É isso.

Anúncios

2 Responses to “Campos dinâmicos”


  1. 1 Diego Silva Machado terça-feira, 9 dezembro, 2008 às 11:16 am

    Bom dia,

    Gostaria de saber se é possivel interagir este formulario com algum tipo de elaboração para web de formularios. Quero dizer e possivel usar o Cycle para criar formularios validados para dreamweaver ou para web criando previmente o codigo de validação?

    Obrigado desde já

    Diego Silva (Seu chara)

    • 2 Diego Silva terça-feira, 9 dezembro, 2008 às 12:25 pm

      Fala Diego!

      O Livecycle Designer já é uma ferramenta para criação de formulários dinâmicos. Se a idéia é criar uma ferramenta web que faça esse trabalho, acredito que não é possível. Mas se o ponto é a interação das informações preenchidas em um formulário com algum servidor ou serviço na internet, isso é possível com o uso de web services. Você pode fazer uma conexão do seu formulário com algum web service, tanto para obter informações quando para submete-las.
      Se houver alguma coisa que esquece de comentar, comentem pessoal!


Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s





%d blogueiros gostam disto: