title: Kendo UI Grid Foreign Key column empty
body: <p>I have tried to follow an example to get a foreign key into a grid. I followed this example:</p>
  
  <p><a href="http://demos.telerik.com/aspnet-mvc/grid/foreignkeycolumn" rel="nofollow">http://demos.telerik.com/aspnet-mvc/grid/foreignkeycolumn</a> </p>
  
  <p>I have altered it a little bit because I want to use a <code>Popup Editor</code>.</p>
  
  <p>Here is the <code>Grid</code> implementation in the <code>View</code>.</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;Example.Web.UI.ViewModels.ExampleItem&gt;()
  .Name("ExampleGrid")
  .Columns(columns =&gt;
  {
      columns.Bound(p =&gt; p.Name);
      columns.Bound(p =&gt; p.Label);
      columns.Bound(p =&gt; p.Type);
      columns.Bound(p =&gt; p.InputType);
  
      columns.ForeignKey(p =&gt; p.ParentId, (System.Collections.IEnumerable)ViewData["items"], "Id", "Name").Title("Parent");
  
      columns.Command(command =&gt; { command.Edit(); command.Destroy(); });
  })
  .Scrollable()
  .Groupable()
  .Sortable()
  .Pageable(pageable =&gt; pageable
      .Refresh(true)
      .PageSizes(true)
      .ButtonCount(5))
  
  .ToolBar(toolbar =&gt; toolbar.Create())
  .Editable(editable =&gt; editable.Mode(GridEditMode.PopUp))
  .DataSource(dataSource =&gt; dataSource
      .Ajax()
      .PageSize(20)
      .Events(events =&gt; events.Error("error_handler"))
      .Model(model =&gt;
              {
                  model.Id(p =&gt; p.Id);
                  model.Field(p =&gt; p.Id).DefaultValue(Guid.NewGuid());
                  model.Field(p =&gt; p.ParentId).DefaultValue(null);
              })
      .Create(update =&gt; update.Action("EditingPopup_Create", "Example"))
      .Read(read =&gt; read.Action("EditingPopup_Read", "Example"))
      .Update(update =&gt; update.Action("EditingPopup_Update", "Example"))
      .Destroy(update =&gt; update.Action("EditingPopup_Destroy", "Example"))
  )
  )
  </code></pre>
  
  <p>Here is the <code>ExampeItem</code> Model:</p>
  
  <pre><code>public class ExampleItem
  {
      [ScaffoldColumn(false)]
      public Guid Id { get; set; }
  
      public string Name { get; set; }
  
      public string Label { get; set; }
  
      public string Type { get; set; }
  
      [DisplayName("Input Type")]
      public string InputType { get; set; }
  
      public ExampleItem Parent { get; set; }
  
      public Guid ParentId { get; set; }
  }
  </code></pre>
  
  <p>In my <code>Controller</code> I set the foreign key items like this:</p>
  
  <pre><code>ViewData["items"] = exampleItems; // This is a List&lt;ExapleItem&gt;
  </code></pre>
  
  <p>But for some reason the <code>Parent</code> column is empty when the <code>Grid</code> is loaded.</p>
  
  <p>When I click on <code>Edit</code> a window pops up and shows me the Guid of the parent.</p>
  
  <p>That Guid should be a drop down list of items. And the <code>Parent</code> column should show the name of the <code>Parent</code> item.</p>
  
  <p>The idea of this grid is that you can add items to the grid, and when you do, you can choose any of the all ready added grid items as a parent item. Then creates an hierarchy in the <code>Grid</code> which can be sorted later on by the <code>Parent</code>.</p>
  
  <p>Anyone know where I have gone wrong? </p>