Unable to Bind to a DataSource

[John DeVight]

I am unable to bind an array of JSON objects to the RadDropDownList dataSource property.

In version 2012.1.0611 it was working.

I had the following HTML defined:
<input id="taskType"
        data-win-control="Telerik.UI.RadDropDownList"
        data-win-options='{
   dataTextField: "title",
   dataValueField: "id",
        }' />
 
In the JavaScript file, I initialized the data source with the following:
taskType.winControl.dataSource = [{ id: 1, title: "Scenerio" }, { id: 2, title: "Change Request" }];

I have upgraded to 2012.1.711, and this has stopped working.

I have tried the following:
taskType.winControl._widget.dataSource = [{ id: 1, title: "Scenerio" }, { id: 2, title: "Change Request" }];

and this:
var list = new WinJS.Binding.List();
list.push({ id: 1, title: "Scenerio" });
list.push({ id: 2, title: "Change Request" });
taskType.winControl._widget.dataSource = list;

But they don't work.

Please let me know what I need to do to bind the dataSource correctly.

Regards,

John DeVight

[Simon]

Hello John,

We've reworked the data binding architecture of the controls since the Preview release significantly. The dataSource property of all data bound controls is of type Telerik.Data.DataSource. This type has a data property, which contains the actual data.

As the property is preinitialized with such an object with the proper options you can directly set its data property:

taskType.winControl.dataSource.data = [{ id: 1, title: "Scenerio" }, { id: 2, title: "Change Request" }];

 or do so in the initialization options of the control:

data-win-options='{dataSource: {data: [{ id: 1, title: "Scenerio" }, { id: 2, title: "Change Request" }]}}'

Until we finish the documentation of the DataSource, please refer to the QSF and the API reference for information about the proper usage of the control.

Regards,
Simon
the Telerik team

[John DeVight]

That worked perfectly.  Thanks Simon!

[Anjali]

Simon! Are You sure that this solution completely solve this issue?

[Martin Yankov]

Hi Anjali,

 
Simon only described how to properly initialize and assign a DataSource to a UI control. Telerik.Data.DataSource is well documented and there are explanations and code samples about how to use it with each Telerik data-bound control. Below are two links that might help you understand DataSource better.

Data-binding RadDropDownList
Using DataSource with UI Controls

If you are experiencing a specific problem, please describe it in a new thread and we will do our best to help you solve it.

Regards,
Martin Yankov
Telerik