O canopus disponibiliza uma forma de implementar a prévia da busca que pode ser implementado para sugerir itens durante a digitação no campo de busca do cabeçalho. Para isso, as seguintes classes estão disponíveis para a implementação via script na plataforma:
- Searcher
Serve de base para executar a busca via AJAX, a partir de um termo e, opcionalmente, um número de identificação de uma categoria específica para buscar. É possível também, informar uma classe responsável por renderizar a prévia - por padrão, a HeaderSearcher.- search(term: string, categoryId: int, renderer: HeaderSearcher)
Método que dispara a requisição de busca para a API e, após análise do resultado, chama o método showResult do renderer que é o responsável por apresentar a prévia. - setFrom(from: int)
Método que seta nas propriedades da classe o valor from a ser incluído na requisição. Essa propriedade define o offset da busca. - setSize(size: int)
Método que seta nas propriedades da classe o valor size a ser incluído na requisição. Essa propriedade define o limit da busca.
Exemplo:
var searcher = new Searcher;
searcher.setSize(24); // 24 items
searcher.setFrom(0); // Start at 0 position
searcher.search('test', 1234, myCustomHeaderSearcher); // Effective search term 'test' - search(term: string, categoryId: int, renderer: HeaderSearcher)
- HeaderSearcher
Classe responsável por renderizar a seção com a prévia da busca. Pode ser substituída quando necessário por outra classe semelhante para montar uma prévia num layout específico - nesse caso a classe personalizada deve ter o método showResult.Exemplo:
var headerSearch = new HeaderSearch(new Searcher);
Para efetivar a busca, direcionar o usuário para a URL escolhida com o data provider de busca acrescido dos parâmetros via GET no query string da página. Exemplo:
/my-search-url?term=<<search term>>&category_id=1234&from=0&size=24
Comentários
0 comentário
Por favor, entre para comentar.