Kendo虚拟组合框：选定的dataItem为null，不在栏中显示，但它存在于数据源中

Question

阅读文档后，尝试实现仅具有前端值的简单虚拟组合框仍然存在问题。组合框可以正确显示我的所有值，并且可以进行虚拟化，但是当我从下拉列表中选择一项时，它不会出现在组合框“栏”中。

这是基本代码：

Html
<select role="listbox" id="comboBoxId"></select>

javascript
var comboboxVar = $("#comboBoxId").kendoComboBox({
    placeholder: "select...",
    dataTextField: "DisplayName",
    dataValueField: "Id",
    dataSource: {
       data: [{DisplayName: "name", Id: "id"}]
     },
    virtual: {
       itemHeight: 26
     }
});

经过一些调试后，我发现单击下拉选项时，所选的dataItem为null。尽管如此，我不确定为什么。

我还尝试了valueMapper方法。重新确定后，我发现如果下拉列表没有初始值并且未使用“值”，则不必包括方法valueMapper。我认为上述情况适用于我的情况，但是我不确定是否仍然必须包括该方法。

我正在使用IE进行调试，并且正在Visual Studio MVC Web应用程序中使用此代码

谢谢您的帮助