Criando e usando widgets › Incorporar widgets para solicitação de serviços e gerenciamento de solicitações › Use o widget de solicitação para permitir que os usuários solicitem serviços. › Chamar o widget de solicitação usando Código de Origem

Chamar o widget 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 solicitação do exemplo anterior. Siga-os como um modelo para configurar a exibição e o comportamento do widget 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 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 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" src="http://hostname:portnumber/usm/explorer/scripts/request.widget.js"></script> 

<script> CA_Catalog.buildWidget({type: 'request', renderTo: 'targetDiv', rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen'}); </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 solicitação.

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

A segunda linha especifica o JavaScript com os parâmetros de configuração do widget 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 solicitação foi processado.

Parâmetros-chave e explicações seguem a chamada da função CA_Catalog.buildWidget no exemplo de widget 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:"request"

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

renderTo:"targetDiv"

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

rootId:–1

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

Quando o usuário clicar em um serviço do widget de pesquisa, o widget de solicitação exibirá aquele serviço.