Autocomplete JSON Response

[Ben]

Hey there,

I was wondering if you can explain to me why I get the following error:

"d.name is undefined"

JS:
$(function () {
    $("#id_purchase_place").kendoAutoComplete({
        minLength:3,
        dataTextField:'name',
        dataSource:{
            serverPaging:true,
            pageSize:20,
            contentType:'application/json; charset=utf-8',
            type:'GET',
            dataType:'json',
            transport:{
                read:'/purchases/ajaxpurchase_place/'
            }
        }
    })
});

JSON RESPONSE

[{"name": "Woolies"}, {"name": "Bunnings"}]

[Atanas Korchev]

Hello,

 I couldn't reproduce this problem. Here is a jsfiddle showing how things look at my side: http://jsfiddle.net/korchev/w9bxj/1/ 

Kind regards,
Atanas Korchev
the Telerik team

[Ben]

Thanks for your help I had a slightly different syntax to yours in the javascript, cheers!

Mine now reads:

    $("#id_purchase_place").kendoAutoComplete({
        minLength:3,
        dataTextField:'name',
        dataSource:{
            transport:{
                read:{
                    url:'/purchases/ajaxpurchase_place/',
                    serverPaging:true,
                    pageSize:20,
                    contentType:'application/json; charset=utf-8',
                    type:'GET',
                    dataType:'json'
                }
            }
        }
    })

Which is different then what it says you need to do on the "Bind to remote data" overview page btw.

[Andrew]

Thanks Ben.  This was very frustrating until I found your thread.  The provided ajax auto-complete example (kendoui.web.2012.2.710.open-source/examples/web/autocomplete/remotedatasource.html) did not specify the arguments needed to migrate from the "dataSource" object to the "read" object.