(A hierarquia visual da informação não está boa, com o título do componente-"Portlet" com praticamente o mesmo "peso" das seções como "Quando usar".)
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.(Existe uma descrição similar no Portlet - Cabeçalho. Devemos tomar uma decisão de ter ou não estes sub-componentes que fazem parte de um componente maior. Na verdade não existe uma decisão suportada pelo "Quando Usar" porque sempre que tenho um portlet, tenho um portlet cabeçalho como parte dele. Então estar separado por poder ou não ser adotado pelo usabilista em sua interface não o justifica como componente a parte. O outro critério deve ser facilidade de compreensão: meu componente-composto de partes está ficando muito difícil de descrever porque tem texto demais; senão trago as descrições que estão nos componentes-partes para dentro dele. Nesse caso não existiria portlet-cabeçalho, apenas portlet. E, finalmente, o potencial de estruturação e reuso: portlet-cabeçalho é parte de outros objetos compostos e por isso é melhor ser um componente separado para ser referenciado por vários componentes dos quais faz parte. Estas considerações valem para todos componentes.)
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>