Posted 2 January 2018, 7:15 pm EST
I have found an example on Hierarchical Data in Trees and Hierarchical Data:
http://demos.wijmo.com/5/angular/flexgridintro/flexgridintro/
I have create a page to display my Employee hierarchical data but I cannot display any more than level 0 (top level).
Below are my json file, screenshot, and my ionic files. Please run “npm install” before running it.
[{
“level”: 0,
“partnerNumber”: “P4828”,
“fullName”: “Employee 1”,
“roleName”: “Director of IT”,
“manager”: “Employee 0”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P9588”,
“fullName”: “Employee 2”,
“roleName”: “Bus Intell Manager”,
“manager”: “Employee 1”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2645”,
“fullName”: “Employee 3”,
“roleName”: “Sr. Software Developer”,
“manager”: “Employee 2”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2820”,
“fullName”: “Employee 4”,
“roleName”: “Sr. Bus Intel Architect”,
“manager”: “Employee 2”,
“TeamMembers”:
}
}
]
}
},
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P9633”,
“fullName”: “Employee 5”,
“roleName”: “IT Mgr-Infrastructure”,
“manager”: “Employee 1”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P9367”,
“fullName”: “Employee 6”,
“roleName”: “System Admin II- Security”,
“manager”: “Employee 5”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P3165”,
“fullName”: “Employee 7”,
“roleName”: “Network Admin III”,
“manager”: “Employee 5”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P3637”,
“fullName”: “Employee 8”,
“roleName”: “System Admin III”,
“manager”: “Employee 5”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2393”,
“fullName”: “Employee 9”,
“roleName”: “Network Admin II”,
“manager”: “Employee 5”,
“TeamMembers”:
}
}
]
}
},
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P3140”,
“fullName”: “Employee 10”,
“roleName”: “IT Apps Mgr II”,
“manager”: “Employee 1”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P8686”,
“fullName”: “Employee 11”,
“roleName”: “IT Apps Mgr I”,
“manager”: “Employee 10”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 3,
“partnerNumber”: “P3242”,
“fullName”: “Employee 12”,
“roleName”: “IT App Support Spec”,
“manager”: “Employee 11”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 3,
“partnerNumber”: “P4100”,
“fullName”: “Employee 13”,
“roleName”: “Sr. IT Sharepoint Arc”,
“manager”: “Employee 11”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 3,
“partnerNumber”: “P4675”,
“fullName”: “Employee 14”,
“roleName”: “Sr. Data Base Admin”,
“manager”: “Employee 11”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 3,
“partnerNumber”: “P2318”,
“fullName”: “Employee 15”,
“roleName”: “Bus Intell Developer”,
“manager”: “Employee 11”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 3,
“partnerNumber”: “P7081”,
“fullName”: “Employee 16”,
“roleName”: “Bus Intell Developer”,
“manager”: “Employee 11”,
“TeamMembers”:
}
}
]
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P6515”,
“fullName”: “Employee 17”,
“roleName”: “IT App Support Spec”,
“manager”: “Employee 10”,
“TeamMembers”:
}
}
]
}
},
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P3372”,
“fullName”: “Employee 18”,
“roleName”: “IT Support Manager”,
“manager”: “Employee 1”,
“TeamMembers”: [
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P3671”,
“fullName”: “Employee 19”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P4199”,
“fullName”: “Employee 20”,
“roleName”: “IT Support Specialist”,
“managerNumber”: “44372”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P4425”,
“fullName”: “Employee 21”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P4473”,
“fullName”: “Employee 22”,
“roleName”: “IT Supp Splst - Mobile”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P4968”,
“fullName”: “Employee 23”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2388”,
“fullName”: “Employee 24”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2564”,
“fullName”: “Employee 25”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 2,
“partnerNumber”: “P2832”,
“fullName”: “Employee 26”,
“roleName”: “IT Support Specialist”,
“manager”: “Employee 18”,
“TeamMembers”:
}
}
]
}
},
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P3378”,
“fullName”: “Employee 27”,
“roleName”: “IT PM III”,
“manager”: “Employee 1”,
“TeamMembers”:
}
},
{
“TeamMembers”: {
“level”: 1,
“partnerNumber”: “P2130”,
“fullName”: “Employee 28”,
“roleName”: “Sr. Software Architect”,
“manager”: “Employee 1”,
“TeamMembers”:
}
}
]
}]
Please advice what I am missing. Thank you very much.
