Portlet representa um pedaço da interface que exibe um conjunto de informações que precisam ser visualizadas de forma rápida e simples, contendo normalmente:
Normalmente são utilizados no contexto de agregar informações que venham de diversas fontes.
Um portlet pode conduzir o usuário para uma visualização mais detalhada dos dados ou para uma funcionalidade que irá permitir o usuário executar uma ação de negócio.
Opção de ocultar, ajustar (redimensionar e mover), maximizar e minimizar. Utilização do PIN, no qual fixa ou não o cabeçalho aberto na interface. Não fixado é exibido sobre a interface e fixado move a interface para baixo. No rodapé é possível apresentar ícones, títulos e descrições do portlet, pode ser datas, valores de registro, faixas de itens ou grupos de infomações pré-especificadas.
É possível inserir botões de configuração, conforme necessidades terão infomações relativas ao portlet a serem configurados. Poderá conter ou nao áreas demonstrando gráficos, exemplos de modo lista ou outros modos que contenham informações relativas aos graficos.
<?xml version="1.0" encoding="utf-8"?> <Portlet xmlns="com.datasul.framework.ui.templates.portlet.*" width="100%" height="100%" xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:df="com.datasul.meiu.components.date.*" xmlns:shortcut="com.datasul.meiu.components.shortcut.*" xmlns:view="com.datasul.meiu.portlet.states.view.*" headerVisibility="alwaysShow" headerIcon="@Embed('/assets/meiu/icons/coinstack.png')" creationComplete="startUp()" > <mx:Script> <![CDATA[ [Bindable] public var _model:ExemploPortletModel = new ExemploPortletModel(); [Bindable] public var _controller:ExemploPortletController; private function startUp():void { _controller = new ExemploPortletController(this); } ]]> </mx:Script> <headerContent> <mx:Canvas height="100%" width="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off"> <mx:Label x="0" y="12" text="Emissão"/> <mx:Label x="0" y="30" text="Vencimento"/> <mx:Label x="50" y="12" id="printDateHeader" text="20/08/2007" fontWeight="bold"/> <mx:Label x="70" y="30" id="dueDateHeader" text="20/08/2008" fontWeight="bold"/> </mx:Canvas> </headerContent> <mx:ViewStack id="viewStack" left="0" right="0" height="100%" width="100%" creationPolicy="all"> <view:ExemploPortletData id="viewData"/> <view:ExemploPortletConfiguration id="viewConfiguration"/> <view:ExemploPortletChart id="viewChart"/> </mx:ViewStack> </Portlet>
Portlet Shortcut