ag-Grid javaScript, TypeError: rowData ist undefined

Question

ag-Grid, folgt der official demo von Javascript aber mit API wie echte Welt über fest codierte Daten. Hinweis: keine jQuery, verwenden Sie einfach die primitive einfache XMLHttpRequest() für Ajax.

• F12 überprüft API gibt Daten in der gleichen Struktur wie Demo, hat Kinder Knoten hinein und gripOptions.rowData wird mit den zurückgegebenen Daten zugeordnet.
• Versuchte rowData innerhalb von gripOptions als rowData: [], erhielt die gleiche Störung Instanziieren Oder rowData: {}, bekam Reference: rowData nicht definiert ist.

HTML:

<script src="/scripts/agGrid/ag-grid.js"></script> 
<script src="/scripts/agGrid/myAG.js"></script> 
<br />JavaScript ag-Grid 
<div id="myGrid" style="height: 200px;" class="ag-fresh"></div> 

myAG.js:

var httpApi = new XMLHttpRequest(); 
var columnDefs = [ 
    { headerName: "Client Name", field: "ClientName", unSortIcon: true, cellRenderer: "group" }, 
    { headerName: "Division", field: "Division" }, 
    { headerName: "Others", field: "Others" } 
]; 
var gridOptions = { 
    columnDefs: columnDefs, 
    getNodeChildDetails: getNodeChildDetails 
}; 

function getNodeChildDetails(rowItem) { 
    if (rowItem.ClientName) { 
     return { 
      group: true, 

     // provide ag-Grid with the children of this group 
      children: rowItem.children, 

      // the key is used by the default group cellRenderer 
      key: rowItem.ClientName 
     }; 
    } else { 
     return null; 
    } 
} 

// wait for the document to be loaded, otherwise 
// ag-Grid will not find the div in the document. 
document.addEventListener("DOMContentLoaded", function() { 
    $.ajax({ 
     type: "GET", 
     url: "/api/myAG/Tree", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 
      gridOptions.rowData = data; 
      var eGridDiv = document.querySelector('#myGrid'); 
      new agGrid.Grid(eGridDiv, gridOptions); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
      alert(errorThrown); 
     } 
    }) 

}); 

Version: ag-grid = v8.1.0 FireFox = 50.1.0

Fehlermeldung:

F12 bestätigt Daten vorhanden sind und zugeordnet:

innerhalb von ag-Grid.js, es ist die Linie beschwert sich über aber rowData Daten hat:

Answer 1

Siehe diesen Beitrag beantwortet, im Grunde eine zusätzliche Für den Baum wird eine Überprüfung benötigt.

ag-Grid, try to make Tree Demo work using own data