ag grid如何在现场拥有if条件答案

【问题标题】：aggrid how to have if condition in the fieldag grid如何在现场拥有if条件
【发布时间】：2020-04-10 02:06:30
【问题描述】：

我想在 agggrid col def 中添加一个 if 条件

this.ColumnDefs =
      [
        {

          headerName: "Link Text", field: "portfolioCompanyLinkName.name", editable: false
        },
}

所以在上面的例子中，我们是否可以说如果portfolioCompanyLinkName.name 为空，然后从其他列中获取值？

【问题讨论】：

你能解释一下吗
@NoahLc 所以基本上我实际上想说的是，如果portfolioCompanyLinkName.name 值为空，则从链接名中获取值所以类似于portfolioCompanyLinkName.name==''?linkName:portfolioCompanyLinkName.name 之类的东西跨度>
portfolioCompanyLinkName 是一个对象吗？
@NoahLc 是的，它是一个对象
您只需要写字段：portfolioCompanyLinkName.name 吗？ portfolioCompanyLinkName.name ：portfolioCompanyLinkName 如果它是一个对象，你应该在没有 " 的情况下编写它

标签： angular typescript angular6 ag-grid

【解决方案1】：

试试这个：

this.ColumnDefs =
      [
        {
          headerName: "Link Text", 
          field: "portfolioCompanyLinkName.name", 
          editable: false,
          cellRenderer: function (params) {
          return params.data ? params.data.portfolioCompanyLinkName.name ? params.data.portfolioCompanyLinkName.name :   params.data.(other field) : '';
        }
        },
}

【讨论】：

【解决方案2】：

你可能想使用 valueGetter 你可以在这里完整详细说明：https://www.ag-grid.com/javascript-grid-value-getters/

this.columnDefs = [
  {
    headerName: "Link Text",
    valueGetter: function(params) {
    if(params.data.portfolioCompanyLinkName.name !== undefined) {
        return params.data.name;
    } else {
        return params.data.portfolioCompanyLinkName.otherfield;
    }

    }
  },
...

【讨论】：

【解决方案3】：

您需要添加hide 和suppressToolPanel 属性，并使其能够隐藏和显示。

隐藏：

var columnDefs = [
    {
       headerName: "Stone_ID",
       field: "Stone_ID",
       width: 100,
       hide: true,
       suppressToolPanel: true
    }
]

显示：

var columnDefs = [
    {
       headerName: "Stone_ID",
       field: "Stone_ID",
       width: 100,
       hide: false,
       suppressToolPanel: true
    }
]

【讨论】：