Angular Telerik Kendo 网格不显示第一级以外的数据

Question

我们在 Angular 5 个项目上使用 Kendo 网格。

在html中，我们有：

对于 kendo-网格-列字段="Property-A.Code" - 有效

但是 kendo-网格列字段="Property-B.Property-B-One.CodeName" - 不起作用

如何访问层次结构中下 2 层的数据？

感谢您的帮助。

Answer 1

确保属性名称是有效的 JavaScript 标识符，除此之外，您应该能够绑定两层和三层嵌套数据，例如：

<kendo-grid-column field="Category.CategoryName" width="200" title="Category - II level">
        </kendo-grid-column>
        <kendo-grid-column field="Category.nested.foo" width="200" title="Test - III level">
        </kendo-grid-column>

public gridData: any[] = [
{
    "ProductID": 1,
    "ProductName": "Chai",
    "SupplierID": 1,
    "CategoryID": 1,
    "QuantityPerUnit": "10 boxes x 20 bags",
    "UnitPrice": 18,
    "UnitsInStock": 39,
    "UnitsOnOrder": 0,
    "ReorderLevel": 10,
    "Discontinued": false,
    "Category": {
        "CategoryID": 1,
        "CategoryName": "Beverages",
        "Description": "Soft drinks, coffees, teas, beers, and ales",
        nested: {
          foo: 'bar'
        }
    },
    "FirstOrderedOn": new Date(1996, 8, 20)
},
{
    "ProductID": 2,
    "ProductName": "Chang",
    "SupplierID": 1,
    "CategoryID": 1,
    "QuantityPerUnit": "24 - 12 oz bottles",
    "UnitPrice": 19,
    "UnitsInStock": 17,
    "UnitsOnOrder": 40,
    "ReorderLevel": 25,
    "Discontinued": false,
    "Category": {
        "CategoryID": 1,
        "CategoryName": "Beverages",
        "Description": "Soft drinks, coffees, teas, beers, and ales",
        nested: {
          foo: 'baz'
        }
    },
    "FirstOrderedOn": new Date(1996, 7, 12)
}];

PLUNKER

Angular Telerik Kendo 网格不显示第一级以外的数据

Angular Telerik Kendo Grid Not displaying Data beyond first level

grid

hierarchical-data

kendo-ui

angular