Configure a forma como os resultados autocompletáveis são exibidos com um modelo avançado.
Antes de Iniciar
Nota: As sugestões de pesquisa substituem a pesquisa autocompletável em Portal de serviços. Atualize a propriedade do sistema glide.service_portal.search_as_you_type_behavior para mudar este comportamento. Para obter mais informações, consulte
Habilitar e desabilitar sugestões de pesquisa.
Portal de serviços widgets de pesquisa usam automaticamente qualquer recurso habilitado.
Função necessária: administrador
Procedimento
-
Preencha os campos obrigatórios em Definir uma origem de pesquisa.
-
Na guia autocompletável do registro de origem de pesquisa, marque a caixa de seleção Configuração autocompletável avançada.
-
No campo Modelo autocompletável, adicione um modelo HTML.
Este exemplo usa vinculações do AngularJS para exibir imagens do catálogo de serviços nos resultados autocompletáveis.
<i class="ta-img" ng-if="match.model.type=='sc'" style="background-image:url('{{match.model.picture}}')"></i>
<i class="ta-img" ng-if="match.model.type=='sc_guide'" style="background-image:url('{{match.model.picture}}')"></i>
<i class="ta-icon fa fa-file-text-o" ng-if="match.model.type=='sc_content' && match.model.content_type == 'kb'"></i>
<strong ng-if="match.model.type=='sc_content' && match.model.content_type == 'external'">➚</strong>
<span ng-bind-html="match.label | uibTypeaheadHighlight:query"></span>
-
Clique em Atualizar.
Os resultados autocompletáveis são exibidos ao lado da imagem definida no registro do catálogo de serviços.
