New Combobox items blank in Grid

[Gary]

I have a grid with a ComboBox:

[...]
.Columns(c=> {
     c.ForeignKey(o => o.Item, (IEnumerable<MyIdValueClass>)ViewBag.FK_Items, "Id", "Value").EditorTemplateName("ComboBox");
[...]

public class MyIdValueClass
  {
    public string Id { get; set; }
    public string Value { get; set; }
  }

Template Code:
@(Html.Kendo().ComboBox()
    .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(""))
    .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
)


Whenever I type in a new entry (not selected from the dropdown) and click Update, the entry is saved into the database properly, but it shows up blank in the Grid.  If you subsequently click Edit, the value appears so that you can edit it.  Click Update or Cancel and it is still blank.  Only after refreshing the page will the value show up properly.  Entries selected from the dropdown list display properly.  How can I get the typed entries to display properly?

Thanks in advance,
Gary

[Alexander Popov]

Hello Gary,

This behavior is expected, because when you create a new item in the ComboBox it has no Id and does not exist in the columns.values array. Although not supported out of the box, you can use the Value for both dataTextField and dataValueField and a ClientTemplate to display the current Value as a workaround. For example:  

c.ForeignKey(o => o.Item, (IEnumerable<MyIdValueClass>)ViewBag.FK_Items, "Value", "Value").EditorTemplateName("ComboBox").ClientTemplate("#=Value#");

Regards,
Alexander Popov
Telerik