Prime UI自动完成功能

时间:2015-04-04 10:15:54

标签: jquery jquery-ui laravel laravel-5 prime-ui

我使用laravel 5并从Prime UI自动完成:

  $(function() {
  $('#remote').puiautocomplete({  
        effect: 'fade',  
        effectSpeed: 'fast',  
        completeSource:function(request, response) {  
            $.ajax({  
                type: "GET",  
                url: "{{ URL::to('search/autocomplete') }}",  
                data: {query: request.query},  
                dataType: "json",  
                context: this,  
                success: function(data) {  
                    response.call(this, data);  
                }  
            });  
        }  
    });  

输入字段:

  <input id="remote" name="remote" type="text"/>  

通过给定的URL调用以下函数:

  public function autocomplete(Request $request){
    $term = $request->input('remote');

   $results = array();
   $queries = DB::table('persons')
                    ->where('name', 'LIKE', '%' . $term . '%')
                    ->take(5)->get();
    foreach ($queries as $person) {

        $results[] = [ 'value' => $person->id, 'label' => $person->name];

    }

    return response()->json($results);
}

问题在于,当我在我的数据库中有3个人叫Tom,Peter,Frank然后键入&#39; FR&#39;在输入文本字段中,显示所有3个人以供选择。通过素数ui分量字母&#39; FR&#39;如发现的那样高涨。但在这种情况下,只有Frank才能被选中。

任何想法都可能出错?谢谢

0 个答案:

没有答案