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:
A nova janela de conteúdos web será exibida.
O novo portlet é adicionado ao Liferay.
As Configurações do portlet serão exibidas.
O contêiner de origem será aberto para edição.
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"> </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'
Especifica que o widget é um widget de pesquisa.
Especifica que o widget é processado no elemento DOM cuja ID é browse1.
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.
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.
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:
Abre o serviço no catálogo, na mesma página.
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.
Abre o serviço no catálogo, em outra página. O usuário pode solicitar o serviço na nova página.
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}
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.
| Copyright © 2013 CA. Todos os direitos reservados. |
|