如何使用angular js为kendo ui网格添加条件列？

Question

我们如何向kendo ui网格添加条件列。

我有这样的JSON输入

    [{
    "ProductID": 1,
    "ProductName": "Chai",
    "Supplier": {
        "SupplierID": 1,
        "SupplierName": "Exotic Liquids"
    },
    "Category": {
        "CategoryID": 1,
        "CategoryName": "Beverages"
    },
    "UnitPrice": 18.0,
    "UnitsInStock": 39,
    "Discontinued": false,
    "layers": [
      {
         "layer_Layer1": {
            "layerType": "top",
            "layer": "L1",
            "groups": []
         }
      }  ]
},{
    "ProductID": 2,
    "ProductName": "Chang",
    "Supplier": {
        "SupplierID": 1,
        "SupplierName": "Exotic Liquids"
    },
    "Category": {
        "CategoryID": 1,
        "CategoryName": "Beverages"
    },
    "UnitPrice": 19.0,
    "UnitsInStock": 17,
    "Discontinued": false,
    "layers": [
      {
         "layer_Layer2": {
            "layerType": "top",
            "layer": "L2",
            "groups": []
         }
      }
   ]
}]

在这里，在columns.fields我给layers[0].layer_Layer1.layer但有时我得到layers[0].layer_Layer2.layer 。

我们如何在kendo ui中配置它？

柱塞： 这里

Answer 1

如果我正确，您希望在列中显示layer_Layer1或layer_Layer2的值，具体取决于哪个为空白。

您可以尝试使用以下模板 ：

# if (layers && layers[0].layer_Layer1) { # 
    #: layers[0].layer_Layer1.layer # 
# } else if (layers && layers[0].layer_Layer2) { #
    #: layers[0].layer_Layer2.layer # 
# } #

更新了演示。 另一个版本 。