R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      ForeignKey column


      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.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • foreignkeycolumn.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies