如何使用angular js为剑道ui网格添加条件列

How to add conditional column for kendo ui grid using angular js?

本文关键字：网格 ui 添加 条件 何使用 angular js      更新时间：2023-09-26

如何在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。

我们如何在剑道ui中配置它？

Plunker：此处

如果我说得对，您希望在列中显示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 # 
# } #

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

相关文章：