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 edição de solicitação usando Código de Origem

Chamar o widget de edição de solicitação 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 edição de solicitação do exemplo anterior. Siga-os como um modelo para configurar a exibição e o comportamento do widget de edição de solicitação 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 edição de solicitação 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 edição de solicitação é como no exemplo a seguir:

<script type="text/javascript" src="http://hostname:portnumber/usm/gwt/fdRenderer/fdRenderer.nocache.js"></script>

<script type="text/javascript" language="javascript" src="http://hostname:8080/usm/explorer/scripts/edit.request.widget.js">

<script> CA_Catalog.buildWidget({ type: 'edit.request', renderTo: 'targetDiv', rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen', layout:'layout-8', openIn:'_self'}); </script>

<div align="left" id="targetDiv" style="margin-bottom: 10px;">
	&nbsp;</div>

A primeira linha do formulário faz referência ao processador de formulários necessários para o widget de edição de solicitação.

A segunda linha faz referência ao arquivo JavaScript do widget de edição de solicitação.

A terceira linha especifica o JavaScript com os parâmetros de configuração do widget de edição de solicitação.

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

A quarta linha especifica o elemento DOM no qual o widget de edição de solicitação foi processado.

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

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:"edit.request"

Especifica que o widget é um widget de edição de solicitação.

renderTo:"targetDiv"

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

rootId:–1

Especifica que quando o widget de edição de solicitação for aberto, nada será exibido.

Assim que o usuário clicar em uma opção do widget de status, o widget de lista de solicitações exibirá o item correspondente: o carrinho, solicitações abertas, concluídas ou solicitações com ação pendente.