如何在Symfony 3中使用twitter / tyepahead.js和blodhound实现自动完成

萨瑟

我有一个Ajax路由,它会用一个从txt文件中获取它的站点来响应一个json数组。在我的树枝模板中,我使用typeahead函数执行ajax调用,例如:

var sites= new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,

  remote: '{{'ajax_fun'}}'
});


$('#bloodhound .typeahead').typeahead({
  name: 'sites',
  source: sites
});

输入字段的筛选不起作用,即使我获得了带有位置的阵列也是如此。

萨瑟

如果有人想知道如何使用从远程路径获取的json数组填充状态,这是我的解决方案:

var states = [];
var statesBloodhound = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  // `states` is an array of state names defined in "The Basics"
  local: states
});

//populate the statesBloodhound 
$.getJSON('path', {
}).done(function(data){
   statesBloodhound.add(data); 
})

$('#bloodhound .typeahead').typeahead({
  name: 'statesBloodhound ',
  source: statesBloodhound 
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 Angular 中使用 MatOptgroup 来实现自动完成?

如何在React和Django Rest Framework中实现自动完成用户搜索

如何在Symfony中实现Doctrine NotifyPropertyChanged

如何在 Symfony 4 中使用 JWT 实现角色

如何在与学说的 symfony 中使用缓存和分页?

如何在自动完成的jQuery UI中实现价值?

如何在Laravel中实现Elastic Search以自动完成

如何在JSP中实现机场自动完成功能?

如何使用eclipse和/或netbeans完成symfony自动补全

如何在WS2013中为WSH(JS / VBS)获取自动完成和Intellisense

如何在Laravel 5.1中使用Github,Facebook,Gmail和Twitter登录?

如何在Symfony 2中使用Behat和Mink测试REST API

如何使用cursoradapter实现自动完成

我不知道如何在symfony中实现逻辑

如何在 Symfony 4 中实现处理程序?

如何在 symfony 中实现实例计数器?

如何在JQuery自动完成中设置和获取ID

如何在 Symfony 4 中制作喜欢和不喜欢?

如何在Nginx和Symfony上强制使用www

如何在Vue.js中呈现Symfony表单?

如何在角材2中使用垫片和自动完成功能保存所选对象

如何在Play Framework 2.3中使用Twitter Bootstrap 3

如何在多个实体管理器中使用Symfony自动装配

发出API GET请求时,如何在Symfony 4中使用URL和路由返回特定数据?

如何在JQuery UI自动完成中使用source:function()...和AJAX

Hwi oauth捆绑软件和Symfony 3.4无法自动装配服务:如何在symfony 3.4 + FOSUserBundle中使用hwi / oauth-bundle

如何在Symfony 4和Webpack Encore中使用数据表?

如何在现有项目中的控制器中使用 symfony、twig 和学说

如何使用蚂蚁设计自动完成(react js)搜索和查找表格详细信息