如何使用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 # 
# } #

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