Unable to load remote data into ComboBox

[Sky]

Hi,

I have a combbox where the choices are driven by a remote datasource as follows:

main.php
-----------------------
<script>
var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "select_data3.php?type=123",
            dataType: "json"
        }
    }
});

$("#event_id").kendoComboBox({
    dataTextField: "Text",
    dataValueField: "Value",
    filter: "contains",
    dataSource: dataSource,
    placeholder: "Select a product",
});
</script>

<select id="event_id" style="width: 450px;">
</select>

 

select_data3.php
-----------------
<?php header('Content-Type: application/json');?>
[{"Text":"AUT","Value":"Austria"}, {"Text":"BEL","Value":"Belgium"}, {"Text":"BGR","Value":"Bulgaria"}]


It's unable to load remote data into combobox


And i had tried to
1. copy http://dojo.telerik.com/IzAWU to my localhost
2. download //demos.telerik.com/kendo-ui/service/Products to local folder
3. It's good for execute step1 directly
4. Show nothing, when i modify params to "//localhost/test/Products" and "json"

[Neli]

Hi,

From the provided information I am not sure what could be the cause of the issue.

Could you please double-check in the Network tab of the developer tools in the browser if the response is returned without any errors? Are there any errors in the browser console? 

You could also take a look at the Forum thread linked below regarding data not populating.

- https://www.telerik.com/forums/dropdownlist-not-populating-with-data-from-datasource

Regards,
Neli
Progress Telerik