在编辑器模式下，kendo multiselect值消失

Question

我有一个主子设置，在我的子网格行中，我有一个使用字符串列表作为数据源的多选。当我点击添加/删除条目时，已经选中的项目完全消失，我只能看到所有值的下拉列表。

以下是子网格中的网格列定义：

 field: "Teams",
 title: "Team",
 editor: ChildItemEditor,

以下是创建多选的编辑器功能：

...
var dataSource = ["Item A" , "Item B"];
...
function ChildItemEditor(container, options)
{
           $('<select multiselect="multiselect" id="ddlItems" name="childItems" data-bind="value:' + options.field + '" />')
                        .appendTo(container)
                        .kendoMultiSelect({
                            autoBind: false,
                            dataSource: dataSource,
                            select: function (e) {
                                var dataItem = this.dataItem(e.item.index());
                                var selectedItem = this.gridMasterData.dataItem(this.gridMasterData.select());

                                if (selectedItem == null) {
                                    return false;
                                }
                                options.model.Items = this.value();
                                $(selectedItem.Items).each(function (i, cItem) {
                                    if (options.model.Id == cItem.Id) {
                                        cItem.Items= options.model.Items;
                                        selectedItem.dirty = true
                                    }
                                });
                            },
                        });
}

Answer 1

发现问题：当读回数据时，第二个字段有一个前导空格，而Multiselect没有自动修剪字段以绑定它。