So implementieren Sie getDataPath für Baumstrukturen in Dash AG Grid (Python) korrekt ⇐ Python

[Guest]

Ich versuche, eine Datentabelle mit einer „Baumstruktur“ zu implementieren, sodass die Tabelle mit Zeilen gerendert wird, die Dropdown-Listen für zusätzliche Zeilen (untergeordnete Zeilen) haben. Unten sehen Sie eine einfache Dash-App, die ich erstellt und ausgeführt habe, aber die Tabelle erscheint leer und die Konsole meldet den folgenden Fehler: „AG Grid: getDataPath() sollte keinen leeren Pfad für Daten [Objektobjekt] zurückgeben“. Kann jemand Ratschläge zur korrekten Implementierung geben?
Bitte beachten Sie, dass ein AG Grid-Unternehmensschlüssel bereitgestellt werden muss, um diese Art von Tabelle auszuführen.

Code: Select all

import dash
from dash import Dash, html
from dash_ag_grid import AgGrid

app = Dash()

rowData = [
{"orgHierarchy": ["Erica Rogers"], "jobTitle": "CEO", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett"], "jobTitle": "Exec.  Vice President", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Esther Baker"], "jobTitle": "Director of Operations", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Esther Baker", "Brittany Hanson"], "jobTitle": "Fleet Coordinator", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Esther Baker", "Brittany Hanson", "Leah Flowers"], "jobTitle": "Parts Technician", "employmentType": "Contract"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Esther Baker", "Brittany Hanson", "Tammy Sutton"], "jobTitle": "Service Technician", "employmentType": "Contract"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Esther Baker", "Derek Paul"], "jobTitle": "Inventory Control", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Francis Strickland"], "jobTitle": "VP Sales", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Francis Strickland", "Morris Hanson"], "jobTitle": "Sales Manager", "employmentType": "Permanent"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Francis Strickland", "Todd Tyler"], "jobTitle": "Sales Executive", "employmentType": "Contract"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Francis Strickland", "Bennie Wise"], "jobTitle": "Sales Executive", "employmentType": "Contract"},
{"orgHierarchy": ["Erica Rogers", "Malcolm Barrett", "Francis Strickland", "Joel Cooper"], "jobTitle": "Sales Executive", "employmentType": "Permanent"},
]

grid = html.Div(
[
AgGrid(
id="tree-data-example",
columnDefs=[
{"field": "jobTitle"},
{"field": "employmentType"},
],
defaultColDef={
"flex": 1,
},
dashGridOptions={
"autoGroupColumnDef": {
"headerName": "Organisation Hierarchy",
"minWidth": 300,
"cellRendererParams": {
"suppressCount": True,
},
},
"groupDefaultExpanded": -1,

"getDataPath": "function(data) { return data.orgHierarchy; }",

"treeData": True,
"animateRows": False,
},
rowData=rowData,
enableEnterpriseModules=True,
licenseKey = DAG_KEY  # an enterprise AG grid key needs to be added
),
]
)

app.layout = html.Div(
[
grid,
]
)

if __name__ == "__main__":
app.run(debug=True)