Remote Datasource not Populating DropDownList

[Elliot]

I have the following code:
   <script type="text/javascript">
        $(function() {
            var url = urltogetdata;
            $("#products").kendoDropDownList({
                dataTextField: "name",
                dataValueField: "name",
                dataSource: {
                    transport: {
                        read: {
                            url: url,
                            contentType:'application/javascript; charset=utf-8',
                            type:'GET',
                            dataType:'jsonp'
                        },
                        schema: {
                            data: "result"
                        }
                    }
                }
            });
        });
</script>
<asp:HiddenField ID="webServer" runat="server" />
 <asp:HiddenField ID="cred" runat="server" />
 <input id="products" style="width: 250px" />

When I hit the url directly an excerpt of the response is:
{"result":[{"name":"228 - Sal ","entityIdentifier":{"id":23}},{"name":"230 - Fitters Truck","entityIdentifier":{"id":24}},{"name":"2300 - Duane Agnew","entityIdentifier":{"id":20}}, etc....

When I run this the ddl just spins and nothing happens. Why?

Also, if I want to bind the dataTextField to name and the dataValueField to the entityIdentifiers id property how would I do this?

Thanks.

[Alexander Valchev]

Hi Elliot,

I believe that the binding problem is connected with the Ajax configuration. Please try the following:

read: {
    url: url,
    type:'GET',
    dataType:'json'
},

Regarding your second question, I suggest you to try the following:

dataTextField: "name"
dataValueField: "entityIdentifiers.id"

Kind regards,
Alexander Valchev
the Telerik team

[Elliot]

I am still having a problem.  I have tried:
            $("#products").kendoDropDownList({
                dataTextField: "name",
                dataValueField: "entityIdentifiers.id",
                dataSource: {
                    transport: {
                        read: {
                            url: url,
                            type: 'GET',
                            dataType: 'json'
                        },
                        schema: {
                            data: function(response) {
                                return response.result;
                            }
                        }
                    }
                }
            });
which shows the kendo dropdown but doesnt populate it with any items.

I have got it populating with the following where r is a subset of what gets returned from the server:
            var r = {"result":[{"name":"228 - Sal ","entityIdentifier":{"id":23}},{"name":"230 - Fitters Truck","entityIdentifier":{"id":24}}]};
            $("#products").kendoDropDownList({
                dataTextField: "name",
                dataValueField: "entityIdentifier.id",
                dataSource: r.result
            });

But cannot seem to get it working with remote data.  Any suggestions would be greatly appreciated.

[Elliot]

I feel a little stupid.  The issue was simply syntax.  I had the schema in the incorrect spot.  I have it working with:
            $("#products").kendoDropDownList({
                dataTextField: "name",
                dataValueField: "entityIdentifier.id",
                dataSource: {
                    transport: {
                        read: {
                            dataType: 'json',
                            url: url
                        }
                    },
                    schema: {
                        data: "result"
                    }
                }
            });