Tópico anterior: Chamar o widget Procurar usando as opções de menu.

Próximo tópico: Chamar o widget de solicitação usando opções de menu


Chamar o widget de pesquisa 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 um widget de pesquisa do exemplo anterior. Siga-os como um modelo para configurar a exibição e o comportamento do widget de pesquisa 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 para o widget de pesquisa do exemplo anterior. Use-os como um modelo para especificar a origem.
  6. Execute as seguintes etapas:

Parâmetros-chave e origem

A origem para o widget Procurar é como no exemplo a seguir:

<script type="text/javascript" src="http://hostname:portnumber/usm/explorer/scripts/browse.widget.js"> </script>
<script type="text/javascript"> CA_Catalog.buildWidget({type: 'browse', renderTo: 'browse1', rootId: 10001, linkColor: 'inherit', borderColor: 'black', layout:'layout-1', openIn:'_widget', search: true } ); </script>
<div id="browse1" style="margin-bottom: 10px; height: 700px">
	&nbsp;</div>

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

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

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 pesquisa foi processado.

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

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:"browse"

Especifica que o widget é um widget de pesquisa.

renderTo:"browse1"

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

rootId:10001

Especifica a ID de objeto da pasta ou serviço que o widget de navegação exibe. Nesse exemplo, 10001 é a pasta raiz do catálogo da unidade de negócios.

Você pode especificar uma única pasta ou uma lista de serviços separada por vírgulas, usando suas IDs de objeto.

Observação: é possível ocultar a árvore (a lista de pastas à esquerda). Para ocultar a árvore, especifique o parâmetro hideTree:true. Por padrão, esse parâmetro for configurado como hideTree: false.

layout:'layout-1'

Exibe os ícones e nomes de serviços que são exibidos no widget de pesquisa.

Como alternativa, especifique layout-2 para exibir os nomes, ícones e descrições de serviços.

openIn:"_widget"

Especifica que outro widget na mesma página recebe eventos do widget de pesquisa e responde a elas. Nesse cenário, quando o usuário clicar em um serviço, o widget de solicitação responderá ao abrindo o serviço. Você deve adicionar o widget de solicitação a esta página para ativar esta função.

Abrir em, especifica como um serviço abre no widget de solicitação quando o usuário clicar no nele no widget de pesquisa. Outros possíveis valores para o parâmetro openIn são:

_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 será aberto 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 serviço no catálogo, em outra página. O usuário pode solicitar o serviço na 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 serviço. A seguir, um exemplo:

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

Especifica que a widget de pesquisa inclua o campo Procurar. Os usuários podem usar esse campo para procurar o catálogo de serviços de acordo com os nomes, ou com os termos chave.

Observação: você também pode especificar as seguintes configurações, conforme mostrado no código-fonte: mostrar ofertas em destaque, cor do link, cor da borda e cor do plano de fundo.