Настройки шаблонов Twitter typeahead.js игнорируются

У меня есть окно поиска на панели навигации, которое использует Twitter typeahead.js v0.11.1 для вызова WebApi и возврата результатов на основе ввода в поле поиска, которое отлично работает.

Однако, когда я пытаюсь добавить настройки шаблонов, они игнорируются, и единственное имя jsonProperty остается единственным, что возвращается в раскрывающемся списке.

Я настроил typeahead следующим образом

var matchList = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('SmartSearchDto'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 10,
    remote: {
        url:  'http://myserver/api/smartsearch/search?searchTerm=%QUERY',
        wildcard: '%QUERY'
    }
});
matchList.initialize();
$('.typeahead').typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
    templates: {
            suggestion: function(data) { 
            return '<p><strong>' + data.name + '</strong> - ' +  data.entitytype + '</p>';
            }
        }
    },
    {
        displayKey: 'name',
        name: 'SmartSearchDto',
        source: matchList.ttAdapter()
    }
);

Есть ли что-то очевидное, что я делаю неправильно здесь?


javascript autocomplete typeahead.js typeahead twitter-typeahead
person Declan McNulty    schedule 02.07.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Через 1 минуту после публикации я разобрался:

 var matchList = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('SmartSearchDto'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 10,
    remote: {
        url:  'http://localhost:59019/api/smartsearch/search?searchTerm=%QUERY',
        wildcard: '%QUERY'
    }
});
matchList.initialize();
$('.typeahead').typeahead({
    hint: true,
    highlight: true,
    minLength: 1
    },
    {
        templates: {
            suggestion: function(data) { 
              return '<p><strong>' + data.name + '</strong> - ' + data.entitytype + '</p>';
            }
        },
        source: matchList.ttAdapter()
    }
);
person Declan McNulty    schedule 02.07.2015
comment
Какова была резолюция? Здесь также возникают проблемы. - person jonboy; 06.07.2015
comment
Изменение кода с того, что у меня было в исходном вопросе, на то, что я вставил в приведенный выше ответ. - person Declan McNulty; 07.07.2015