New to Kendo UI for jQuery? Download free 30-day trial

jQuery Grid ForeignKey Column

Loading Demo...
Sample service

Also available for:



In this demo we showcase how to implement foreign key column in the Kendo UI grid, hosting dropdown list editor for data editing.

The column in question is defined via a key field (CategoryID). Through the column definition you set the key field as field attribute, and the values attribute points to the source data for the items displayed in the dropdown list editor of that column. The data source of the editor has to be an array of JavaScript objects with properties value and text.

The DropDownList editor is created and populated automatically. The fundamental operations such as sorting, filtering and grouping work as expected out-of-the-box.

See the relevant API section of the docs for more info.

Support & Learning Resources

Additional Resources