首页 > 解决方案 > 遍历 ag-grid 数据并显示值

问题描述

我正在遍历 ag-grid 数据的每个节点,并且必须显示列值。附件是 plunkr: https ://plnkr.co/edit/cFBLm7DkAZL5oWbqdyub?p=preview 。

我无法在控制台中显示 ag-grid 数据。

var gridOptions = {
defaultColDef: {
    sortable: true
},
columnDefs: columnDefs,
animateRows: true,
enableRangeSelection: true,
rowData: rowData,
checkbox : true,
onSelectionChanged : getData
};
   new agGrid.Grid(gridDiv, gridOptions);
});

function getData(){
  gridOptions.api.forEachNode( function (node) {
   console.log("node vaalues are:"+node.data);
});

标签: angularjsag-grid

解决方案


您的代码有一些问题。

  1. 为了onSelectChanged被调用,您需要指定行选择的工作方式,请尝试:rowSelection: 'single'

  2. 在您的 plunkr(不是上面的代码段)中,您的getData函数处于错误的范围内。我的意思是你所有的代码都在里面document.addEventListener,但getData不是。正因为如此,getData不知道是什么gridOptions

更新 plunkr:https ://next.plnkr.co/edit/cXKVZrT9siHoodVa


推荐阅读