Foreign Key with two datasources

[Philipp]

Hi,

please help me. I'm trying to setup a grid with a foreign key column. Why this don't work? http://jsfiddle.net/f6tvxjft/2/

And why i get no data from dataSource2 after clicking on "Get Data" button?

Regards,

Philipp

[Preslav]

Hi Philipp,

Generally speaking, the columns.values configuration cannot accept Kendo dataSource as a parameter, it accepts an array. More information about this is available here:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.values

That said, the correct syntax in the Grid should be:

var grid = $("#grid").kendoGrid({
    dataSource: dataSource,
    scrollable: false,
    columns: [
        { field: "id" },
      { field: "text" },
      { field: "category", values: categories}
      ]
}).data("kendoGrid");

Furthermore, in the click event handler, there is no data in the second dataSource because the data is not yet populated in it as there was no read method invoked.

• http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-read

The Grid programmatically invokes the read method thus, there is data in the first dataSource.

Having said that, manually invoke the read method to populate the data in the second dataSource. For example:

$('#data').on('click', function(){
  dataSource2.read()
  console.log(JSON.stringify(dataSource.data()));
  console.log(JSON.stringify(dataSource2.data()));
});

Finally, a runnable example of the ForeignKey column functionality is available in this Demo:

• http://demos.telerik.com/kendo-ui/grid/foreignkeycolumn

I hope this information helps.
 

Regards,
Preslav
Progress Telerik

[Philipp]

Thanks a lot.

Regards,

Philipp