Criando e usando widgets › Incorporar widgets para solicitação de serviços e gerenciamento de solicitações › Use o widget de status e outros widgets para permitir que usuários tenham acesso a solicitações › Use os widgets de status e de lista de solicitações para permitir que gerente aprovem e rejeitem solicitações › Chamar o widget de status usando código de origem

Chamar o widget de status usando código de origem

No Liferay, você pode chamar o widget criando o portlet e especificando o código de origem. Analise as seguintes etapas para produzir o widget de status do exemplo anterior. Siga-os como um modelo para configurar a exibição e o comportamento do widget de status na sua implementação.

Siga estas etapas:

1. Na página do portal, execute estas ações para criar o portlet:
   1. Clique em Adicionar, Exibição de conteúdo da web.
   2. Clique no ícone de adição (Adicionar, Conteúdo da web).

      A nova janela de conteúdos web será exibida.

   3. Especifique os campos obrigatórios e feche a janela.

   O novo portlet é adicionado ao Liferay.

2. Clique em Controles de edição na parte superior da página.
3. Passe o mouse sobre o portlet, e clique no botão lápis (Editar conteúdo web).

   As Configurações do portlet serão exibidas.

4. Na janela Conteúdo, clique em Origem.

   O contêiner de origem será aberto para edição.

5. Analise os seguintes parâmetros-chave e origens para o widget de status do exemplo anterior. Use-os como um modelo para especificar a origem.
6. Execute as seguintes etapas:
   • Feche o contêiner de origem.
   • Publique e revise o novo portlet.
   • Se necessário, refine as especificações até que o aplicativo atenda às suas necessidades.

Parâmetros-chave e origem

A origem do widget de status é como no exemplo a seguir:

<script type="text/javascript" src="http://hostname:portnumber/usm/explorer/scripts/status.widget.js"></script>

<script> CA_Catalog.buildWidget({type: 'status', renderTo: 'status1', layout:'layout-2', openIn: '_widget', hideCart: true} ); </script>

<div align="center" id="status1" style="width: 400px; margin-bottom: 10px; height: 100px">

	&nbsp;</div>

A primeira linha faz referência ao arquivo JavaScript do widget de status.

A segunda linha especifica o JavaScript com os parâmetros de configuração do widget de status.

Observação: separe os parâmetros com uma vírgula, mas não especifique uma vírgula após o último parâmetro.

A terceira linha especifica o elemento DOM no qual o widget de status foi processado.

Parâmetros-chave e explicações seguem a chamada da função CA_Catalog.buildWidget no exemplo de widget de status.

credenciais de logon

Recomendamos logon único para widgets. No entanto, se você solicitar credenciais de logon para esse widget, especifique nesta chamada de função. Use o seguinte formato:

username: 'username', password: 'password'

type:"status"

Especifica que o widget é um widget de status.

renderTo:"status1"

Especifica que o widget é processado no elemento DOM cuja ID é status1.

layout:'layout-2'

Exibe as opções do widget de status como botões em uma única linha. As opções são carrinho, Aberto, Fechado e pendentes.

Como alternativa, especifique layout-1 para exibir as opções na vertical: Cada opção é exibida em sua própria linha em uma tabela.

openIn:"_widget"

Especifica que outros widgets na mesma página recebem eventos do widget de status e respondem a elas. Nesse cenário, quando o usuário clica em uma opção do widget de status, outro widget responde abrindo o destino. Os destinos são os seguintes:

Para ativar essas funções de destino para executar corretamente quando os usuários clicarem no carrinho, adicione os widgets a seguir à página:

• Widget de edição de solicitação
• Widget de lista de solicitações

Abrir em especifica como um destino é aberto quando o usuário clica no widget de status. Outros valores possíveis para este parâmetro:

_self

Abre o serviço no catálogo, na mesma página.

_top

Executa a mesma função as_self, exceto pelo fato de que o destino será exibido no quadro superior do navegador. Se o serviço é um quadro, o primeiro quadro associado no elemento de opção de serviço será selecionado.

_blank

Abre o destino em uma nova página.

_url

Abre o serviço por meio de um URL personalizado. O URL pode incluir um espaço reservado para a ID de objeto de contexto de origem, por exemplo, o serviço.

A seguir, um exemplo:

http://www.google.com?id={id}

Observação: você também pode especificar as seguintes configurações, conforme mostrado no código-fonte: taxa de atualização em minutos e ocultar carrinho.