columns.dataSourceObject|kendo.data.DataSource
The data source of the values for the foreign key columns. Can be a JavaScript object which represents a valid data source configuration or an existing kendo.data.DataSource instance.
Note: When the dataSource property is set one should also set the dataTextField and dataValueField.
Example - configure column data source for foreign key column
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{
field: "categoryId",
title: "Category",
dataSource: {
transport: {
read: {
url: "https://demos.telerik.com/service/v2/core/categories"
}
}
},
dataTextField: "categoryName",
dataValueField: "categoryId"
}
],
dataSource: [
{ name: "Tea", categoryId: 1 },
{ name: "Coffee", categoryId: 1 },
{ name: "Ham", categoryId: 2 }
]
});
</script>In this article