1

我正在使用twitter typeahead 在 Laravel 4 中创建一个自动完成功能，但我在匹配过程中遇到了问题。

JS代码：

$('#autocomplete').typeahead({
  limit: 20,
  name: 'destinatari',
  prefetch: '{{URL::to("alumni/posta/utenti")}}',
  remote: '{{URL::to("alumni/posta/utenti")}}'
});

模型像这样填充数组：

public static function jsonList($idLogged)
{
  $users = DB::table('users_data')
             ->where('userid', '!=', $idLogged)
             ->select('nome', 'nome_2', 'cognome', 'cognome_2', 'userid')
             ->orderBy('cognome', 'asc')
             ->orderBy('nome','asc')
             ->get();
  $i = 0; 
  $ordered = array();
  foreach($users as $u) {
     $ordered[$i]['value'] = $u->nome.' '.$u->nome_2.' '.$u->cognome.' '.$u->cognome_2;
     $ordered[$i]['tokens'] = array($u->nome, $u->cognome);
     $ordered[$i]['userid'] = $u->userid;
     $i++;
  } 
  return $ordered;       
}

我的控制器很简单：

return Response::json( Users::jsonList($this->userdata->id) );

返回的json（我在 Firebug 中看到）看起来像：

[{"value":"Silvia Miriam Abeyta Carretero","tokens":["Silvia","Abeyta"],"userid":"246"},
{"value":"Malak Julia Abreu Garrido","tokens":["Malak","Abreu"],"userid":"198"},{"value":"Aina  Aguado ","tokens":["Aina","Aguado"],"userid":"243"},
{"value":"Jordi  Alarc\u00f3n ","tokens":["Jordi","Alarc\u00f3n"],"userid":"308"},
{"value":"Aaron Nerea Alejandro ","tokens":["Aaron","Alejandro"],"userid":"49"},
{"value":"Alexia  Alem\u00e1n ","tokens":["Alexia","Alem\u00e1n"],"userid":"306"},
{"value":"Salma  Almaraz ","tokens":["Salma","Almaraz"],"userid":"54"},
{"value":"Alma  Almonte Nev\u00e1rez","tokens":["Alma","Almonte"],"userid":"101"},
{"value":"Daniela  Almonte ","tokens":["Daniela","Almonte"],"userid":"184"}
,....other similar results....]

问题是我只输入列表中的第一个名字的任何字母都会在输入字段中自动完成（“Silvia Miriam Abeyta Carretero”），但是当我完整输入任何其他名字（比如“Daniela Almonte”）时，该字段没有完成，下拉列表继续显示全部 20 个结果，没有任何类型的处理。

不过，我必须说，如果我单击一个名称，它会被正确选择（我正在记录datum的userid属性），但自动完成功能仍然不起作用。

令我困惑的是，如果我直接在 JS 中复制/粘贴整个列表（从 Firebug中获取），作为（而不是）的local属性，一切正常。typeahead()remote

这可能是什么原因造成的？这是一个 Laravel 响应问题吗？或者它是url的预输入处理器（我相信它在“transport.js”源文件中，使用 jQuery $.ajax()）remote？

似乎返回的 JSON 被视为单个条目，我不知道为什么，因为它看起来对我来说是正确的......

4

1 回答 1

1

从预先输入的文档中：

$('input.twitter-search').typeahead({
    name: 'accounts',
    prefetch: 'https://twitter.com/network.json',
    remote: 'https://twitter.com/accounts?q=%QUERY'
  });

如您所见，远程参数必须包含带有查询参数的 URL 。PHP 方面，您必须测试是否设置了参数“q”，然后调整您的请求（例如使用 LIKE 语句）以正确过滤列表。

否则，您可以尝试删除此远程参数，也许它仅适用于预取属性。

于 2013-12-23T09:26:19.923 回答