Crie uma caixa de confirmação "Tem certeza que deseja salvar?"

O Corvid permite criar um botão de envio para salvar dados que os usuários inserem nos elementos de entrada. No entanto, a ação de envio acontece imediatamente e você pode pedir que os usuários confirmem que desejam salvar antes que o envio seja acionado.

Para fazer isso, você precisa codificar a ação de envio em vez de usar o painel Conectar aos Dados para implementá-la. Você pode criar a confirmação usando uma caixa de texto e botões ou uma lightbox.

Essas são as etapas básicas para usar uma caixa de texto e botões:

1. Adicione um elemento Texto à sua página com uma mensagem "Tem certeza?" e defina-a como Hidden on load no painel Propriedades.

2. Adicione dois botões à sua página ("Sim" e "Não") e defina-os como Hidden on load no painel Propriedades.

3. Registre um evento onClick para o seu botão Enviar. Em seu manipulador de eventos, verifique se a entrada do usuário é válida e, em seguida, nomeie as funções .show para o elemento Texto e os botões Sim e Não.

4. Registre um evento onClick para o botão Sim. Em sua chamada de manipulador de eventos .save no conjunto de dados ao qual seus elementos de entrada estão conectados. Em seguida, as funções de chamada .hide para o elemento Texto e os botões Yes e No.

5. Registre um evento onClick para o botão Não. Na chamada de manipulador de eventos, as funções .hide para o elemento Texto e os botões Sim e Não.

Veja como seria esse código:

export function Save_click(event) {
	if ($w("#input1").valid) {
		$w("#confirmYes").show();
		$w("#confirmNo").show();
		$w("#confirmMessage").show();	
	}	
}

export function confirmYes_click(event) {
	$w("#dataset1").save();
	hide_stuff();
}

export function confirmNo_click(event) {
	hide_stuff();
}

function hide_stuff() {
	$w("#confirmMessage").hide();
	$w("#confirmYes").hide();
	$w("#confirmNo").hide();
}

Você também pode adicionar uma mensagem de envio ao seu formulário.

Veja esse post para ver como Yoav ajudou farmshare-prime a fazer isso com um lightbox.