User Interface Explorer

Páginas filhas
  • Mensagem de Erro - Modal

Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 17 Próxima »

A página raiz UIE:@self não pode ser encontrado no espaço User Interface Explorer.

Quando usar

Uma aplicação informa aos usuários em uma Caixa de Mensagem de Erro quando um erro ocorre. Esta informação diz ao usuário que um sério problema ocorreu e que este requer a intervenção ou correção antes que o trabalho possa continuar.

  • Para situação onde sistema esta reportando uma mensagem. (o que quer dizer esta frase?)

Estrutura

  • A caixa tem um símbolo, mensagem, e botões Repetir/Cancelar ou OK (Ajuda é recomendável).
  • Mensagens de erro se concentram no procedimento para correção do erro, não na causa do erro. Um botão que leve à funcionalidade necessária para a correção do erro pode ser fornecido. Para um erro repetido, a mensagem inclui recomendações para ações preventivas.

Comportamentos

A Janela Modal é carregada na interface com o efeito de Zoom-in quando é carregada.
Para ação de fechar a Janela Modal é utilizado o efeito de Zoom-out.

Boas Práticas

Sugerir sempre uma ação focal no rodapé e que irá receber o tecla de ação Enter pelo teclado.

Exemplo

Código fonte


<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	creationComplete="startUp()">
	<mx:Script>
		<![CDATA[
			import com.datasul.framework.ui.msg.model.UIMessage;
			[Bindable]
			public var _model:SampleMessagesModel = new SampleMessagesModel();

			[Bindable]
			public var _controller:SampleMesssagesController;

			private function startUp():void {
				_controller = new SampleMesssagesController(this);
			}

		]]>
	</mx:Script>
	<mx:VBox horizontalAlign="center" horizontalCenter="0" verticalCenter="0">
		<mx:ComboBox id="cbTypeMessage" dataProvider="{_model.collection}"/>
		<mx:HBox>
			<mx:Button label="Info" id="btnInfo" click="_controller.onMessage(UIMessage.INFO, String(cbTypeMessage.selectedItem.data) )"/>
			<mx:Button label="Confirm" id="btnConfirm" click="_controller.onMessage(UIMessage.CONFIRM, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Warning" id="btnWarning" styleName="WarningMessageButton" click="_controller.onMessage(UIMessage.WARNING, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Error" id="btnError" styleName="ErrorMessageButton" click="_controller.onMessage(UIMessage.ERROR, String(cbTypeMessage.selectedItem.data))"/>
		</mx:HBox>
	</mx:VBox>
</mx:Canvas>

Referências

Ver Também

  • Sem rótulos