如何在行分组中查看对象数组中的最后一个索引 - ag-grid-vue答案

【问题标题】：How to view the last index in array of object in row grouping - ag-grid-vue如何在行分组中查看对象数组中的最后一个索引 - ag-grid-vue
【发布时间】：2022-08-19 15:10:19
【问题描述】：

我有一个包含如下对象数组的对象：

{
  \"Id\": \"123\",
  \"Name\": \"usb\",
  \"email\": \"123@gmail.com\",
  \"Config\": [
    {
      \"config\": \"config1\",
      \"field2\": \"1\",
      \"field3\": \"1\",
      \"field4\": \"1\",
      
    },
    {
      \"config\": \"2\",
      \"field2\": \"3\",
      \"field3\": \"3\",
      \"field4\": \"3\",
      
    },
    {
      \"field1\": \"2\",
      \"field2\": \"3\",
      \"field3\": \"3\",
      \"field4\": \"1234568\",
      
    }
  ]
}

我想查看从配置数组中的最后一个索引归档的 \'filed4\' - 1234568。

这是我试图做的，但我得到：[object][object]

this.gridColumns.push({
        headerName: \"field4\",
        field: \"Config\",
        width: 60,
        keyCreator: params => params.value[params.value.length-1].field4
      });

更多代码：

setGridColumns() {

      this.gridColumns.push({
        headerName: \"Id\",
        field: \"Id\",
        tooltipField: \"Id\",
        resizable: true,
      });
       this.gridColumns.push({
       headerName: \"Name\",
       rowGroup: true,
       field: \"Name\",
       tooltipField: \"Name\",
       resizable: true,
      });
       this.gridColumns.push({
       headerName: \"email\",
       field: \"email\",
       tooltipField: \"email\",
       resizable: true,
      });
      this.gridColumns.push({
        headerName: \"field4\",
        field: \"Config\",
        width: 60,
        keyCreator: params => params.value[params.value.length-1].field4
      });
      return this.gridColumns;
    },
  },

知道可能是什么问题吗？

这正是我的想法，但它不起作用:(
你在使用字段配置吗？
你是什么意思？在哪里？
你能添加更多代码吗
this.gridColumns[this.gridColumns.length - 1].field4

标签： vue.js ag-grid ag-grid-vue

【解决方案1】：

keyCreator 与 rowGroup here 一起使用。因此，请删除keyCreator 并为Config 字段添加valueGetter，如下所示：

this.gridColumns.push({
   headerName: "field4",
   field: "Config",
   width: 60,
   valueGetter: params => {
      if (params.data !== undefined) {
         return params.data.Config[params.data.Config.length - 1].field4
      }
   }
});

【讨论】：