Kendo TreeView 中出现 CheckBy 对象

Question

我有一个简单的数组，用于保存从服务器 API 调用返回的字符串。我想引用 Kendo TreeView checkBy 字段的字符串值，因此我的 selectedKeys 数组更容易解析以供将来的方法使用。但是，当我尝试将变量分配给该值时，我的剑道 TreeView 显示“对象”而不是实际值。我错过了什么？

组件.ts

public checkedKeys: any[] = [];
public filteredValues: Array<{valueName:string}> = [];
    
filteredValues: [{valueName: "Red"}, {valueName: "Blue"}, {valueName: "Green"}];
    
.subscribe({
    next: (filteredValues) => {
        filteredValues.forEach(value=> {
            this.filteredValues.push({valueName:value})
        }); 
    }
});

html

<kendo-treeview
    [nodes]="filteredValues"
    kendoTreeViewCheckable
    [(checkedKeys)]="checkedKeys"
    checkBy="valueName"
    ></kendo-treeview>

如果我将filteredValues变成一个简单的字符串[Red，Blue，Green]，它会在UI上正确显示，但checkedKeys只包含checkBox位置，而不是实际的checkBox值，所以它看起来像这样：

Answer 1

treeView 需要 textField 属性。当它是 string[] 时，不需要 textField 属性，但是一旦我将其更改为对象数组，如果没有文本字段，它就无法正确显示。

<kendo-treeview
    [nodes]="filteredValues"
    textField="valueName"
    kendoTreeViewCheckable
    [(checkedKeys)]="checkedKeys"
    checkBy="valueName"
></kendo-treeview>