Pular para o conteúdo principal

Formulário Modal

Este método é responsável por adicionar um formulário dentro de uma modal. A modal carrega o formulário no modo de listagem ou no modo de edição.

Antes de começar com o formulário modal, é preciso que exista pelo menos um formulário criado na aplicação.

Para saber como criar formulários clique aqui.

Exemplo em modo listagem​

Exibe o formulário chamado Teste em modo listagem. Observe a função netuno.loadForm().

netuno.modal.create({
  name: 'teste',
  callback: function (modal) {
      let form = modal.find('[netuno-form]');
      netuno.loadForm(form);            
      netuno.modal.show(modal);
  }
});

Exemplo em modo edição​

Exibe o formulário chamado Teste em modo edição. Observe a função netuno.loadFormEdit().

netuno.modal.create({
  name: 'teste',
  callback: function (modal) {
    let form = modal.find('[netuno-form]');
    netuno.loadFormEdit(form);
    netuno.modal.show(modal);
  }
});

Exemplo em modo edição com id do formulário​

A função netuno.loadFormEdit() também pode ser chamada passando diretamente o id de um formulário específico.

netuno.modal.create({
  name: 'teste',
  callback: function (modal) {
    let form = modal.find('[netuno-form]');
    netuno.loadFormEdit(form, 1234);
    netuno.modal.show(modal);
  }
});

Eventos​

A classe do formulário modal expõe alguns eventos para se conectar às funcionalidades da modal. Dentro do callback é possível aceder a alguns eventos do formulário.

TIPO DE EVENTODESCRIÇÃO
netuno:newEste evento é acionado quando exibe o ecrã de criação de um novo item.
netuno:editEste evento é acionado quando exibe o ecrã de edição de um item existente.
netuno:saveEste evento é acionado quando é adicionado um novo item.
netuno:backEste evento é acionado após o clique no botão de voltar.
netuno:deleteEste evento é acionado após a exclusão de um item.

A seguir pode ver o exemplo de uso do evento netuno:new.

Só é preciso adicioná-lo dentro do método callback.

modal.find('[netuno-form]').on('netuno:new', ()=> {
  console.log('new');
});