如何使用Kendo DataSource和模板顯示嵌套在一個鍵中的數據？

Question

如果DataSource獲取以這種方式格式化的json：

[{
    "ProductID": 1,
    "ProductName": "Chai",
    "UnitPrice": 18,
    "UnitsInStock": 39,
    "Discontinued": false
}, {
    "ProductID": 2,
    "ProductName": "Chang",
    "UnitPrice": 19,
    "UnitsInStock": 17,
    "Discontinued": false
}, {
    "ProductID": 3,
    "ProductName": "Aniseed Syrup",
    "UnitPrice": 10,
    "UnitsInStock": 13,
    "Discontinued": false
}]

然后，我可以用以下方式在模板中顯示數據：

#: ProductName#"

如果我的json數據嵌套在一個鍵中怎么辦：

{"products":[
  {
    "ProductID":1,
    "ProductName":"colgate",
    "UnitPrice":"12.00"
  },
  {
    "ProductID":2,
    "ProductName":"colgate2",
    "UnitPrice":"12.00"
  }
]}

如何顯示嵌套在一個鍵中的數據？ 不能通過#: products.ProductName#"

---

我在DataSource中使用“運輸”字段

        var items = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "{{ path('api_products_list') }}",
                    dataType: "json"
                }
            },
            schema: {
                model: {}
            },
            pageSize: 14,
        });

---

也使用此dataSource的kendoPager如何

        $("#pager").kendoPager({
            dataSource: items
        });

將dataSource更改為：

            schema: {
                data: "products"
            },

傳呼機僅顯示第一頁，而無法識別其中的更多內容。 （但json產品大於200，且pageSize：14）

Answer 1

定義DataSource的屬性schema.data並在包含要使用的數組的數據中設置屬性：

dataSource: {
    data: {
        "products":[
        {
            "ProductID":1,
            "ProductName":"colgate",
            "UnitPrice":"12.00"
        },
        {
             "ProductID":2,
             "ProductName":"colgate2",
             "UnitPrice":"12.00"
        }]
    },
    schema: {
        data: "products"
    }
}

演示或使用模板 。