Postingan lainnya
Autocomplete laravel 5.2
Mohon perncerahannya teman teman.
Route
Route::get('message/send',array('as'=>'autocomplete','uses'=>'MessageController@form'));
Route::get('/autocomplete',array('as'=>'autocomplete','uses'=>'Testing@autocomplete'));
JS
<script type="text/javascript">
$('#name').autocomplete({
source : '{!!URL::route('autocomplete')!!}',
minlenght:1,
autoFocus:true,
select:function(e,ui){
$('#name').val(ui.item.value);
$('#kontak').val(ui.item.kontak);
}
});
</script>
public function autocomplete(Request $request)
{
$term=$request->term;
$data = customers::where('name', 'LIKE', '%' .$term. '%')
->take(10)
->get();
$results=array();
foreach ($data as $key => $v)
{
$results[]=['kontak'=> $v->kontak,'value'=> $v->name];
}
return response()->json($results);
}
Eror Uncaught TypeError: $(...).autocomplete is not a function at send:140
7 Jawaban:
begini kan kak @onirusama?
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
menurut saya mungkin routenya tidak ke baca,
Kayanya kalau dari errornya, ini belum berkaitan dengan laravel gan. Lebih ke jquery autocompletenya.
berarti import jquery saya masih salah ya? terima kasih atas masukkannya akan saya coba perbaiki import jquery saya.
Coba tes gini dari console browsernya: 1. Buka console browsernya 2. Ketikkan kode ini:
$('#name').autocomplete()
3. Kalau tidak error berarti autocompletenya berfungsi. tapi kalau error berarti memang ada masalah import file jquery bundlenya.
Jawaban Terpilih
Script yang benar
$(function()
{
$( "#name" ).autocomplete({
source: "{{URL('autocomplete')}}",
minLength: 1,
select: function(event, ui) {
$('#name').val(ui.item.value);
$('#number').val(ui.item.kontak);
}
});
});
Semoga bermanfaat.