Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Can not make MD Autcomplete working

assoumouad free asked 4 years ago


Expected behavior

Actual behavior No working

Resources (screenshots, code snippets etc.)

==========================================

$("#form-autocomplete").on("keyup", function(e){
    $.ajax({
        url: '{{ route('autocomplete') }}',
        type: "GET",
        cache: false,
        data: { input: e.target.value }//,
        //headers: { Authorization: "Bearer " + token } // your API token if needed
    }).done(function (response) {
        // Map response data if needed
        var data = response.map(function (item) {
            return item.FirstName + item.Number
        });
        $("#form-autocomplete").mdbAutocomplete({ data: data });
    });

});

public function autocomplete(Request $request)
{
    $search = $request->get('query');
    $data = User::select('name')
            ->where('name','LIKE','%'.$search.'%')
            ->get();
    //$data = json_encode($result);
    //return $data;
    return response()->json($data);
}

==================================================

... User name {{ csrf_field() }} Validate previous() }}">Cancel

Grzegorz Bujański staff commented 4 years ago

Hi. Autocomplete is a pro component. Did you have pro license?


assoumouad free commented 4 years ago

Hi, Yes, I have pro licence.


Grzegorz Bujański staff commented 4 years ago

Do You have any errors in console? Data from API is Array or JSON. I suppose it's JSON and that may be the reason. The data should be an array.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.17.0
  • Device: PC
  • Browser: edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No