symfony2.7，bloodhound，typeahead不显示自动完成

我想用symfony 2.7的typeahead来使用LIKE进行数据库搜索。我已阅读typeahead的文档，并基于他们网站上的示例，我放了一个小例子来看看它是如何工作的。由于我在表中执行搜索的表约有1300个条目，因此我生成了一个包含所有条目的json文件以提高性能。问题是typeahead不显示任何信息从远程或预取，我不明白为什么它不起作用，因为我没有对示例中的原始代码做太多更改。目前生成的结果包含来自示例页面的虚拟数据，因为我认为从远程返回的结果有问题。也许我错过了一些东西，我看不到解决方案。我检查了控制台，我没有得到任何错误，在加载之前加载了血猎犬，两个加载都很好，js文件加载后它们显示内容。symfony2.7，bloodhound，typeahead不显示自动完成

JavaScript文件：

var url = Routing.generate('ajax_search', {name: 'query'}); 
// Trigger typeahead + bloodhound 
var products = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    prefetch: '/json/result.json', 
    remote: { 
     url: url, 
     wildcard: 'query' 
    } 
}); 

products.initialize(); 

$('#products_forms .typeahead').typeahead({ 
    name: 'product', 
    displayKey: 'value', 
    source: products.ttAdapter() 
});

的HTML测试文件

{% extends '::base.html.twig' %} 
{% block body %} 
<div class="col-sm-10" id="product"> 
    <input type="text" placeholder="Product" id="product" name="product" class="form-control typeahead"> 
</div> 
{% endblock %}

从PHP中生成的虚拟文件

cat result.json 

      {"stateCode": "CA", "stateName": "California"}, 
      {"stateCode": "AZ", "stateName": "Arizona"}, 
      {"stateCode": "NY", "stateName": "New York"}, 
      {"stateCode": "NV", "stateName": "Nevada"}, 
      {"stateCode": "OH", "stateName": "Ohio"}

来源

2015-11-16 L.S

似乎它的工作原理是这样的：

的javascript：

$(document).ready(function() { 
    var url = Routing.generate('ajax_search', {name: 'WILDCARD'}); 
    // Trigger typeahead + bloodhound 
    var products = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     identify: function(obj) { return obj.team; }, 
     prefetch: 'json/result.json', 
     remote: { 
      url: url, 
      wildcard: 'WILDCARD', 
     } 
    }); 

    products.initialize(); 

    $('#products_forms .typeahead').typeahead({ 
     minLength: 3, 
     highlight: true 
    }, 
    { 
     name: 'product', 
     display: 'team', 
     source: products.ttAdapter() 
    }); 
});

来源

2015-11-16 11:39:55

symfony2.7，bloodhound，typeahead不显示自动完成

回答

相关问题