Skip to main content
Ampliación de información
Origen Enlace

Esta es la primera vez que lanzo una pregunta y espero no meter mucho la pata.

Tenemos un árbol no anidado dentro de un JSON, es decir, es un listado de elementos que tienen un identificador único y un identificador para encontrar al elemento padre. Es necesario representarlo en pantalla y preferiría hacerlo con PrimeNG, pero no encuentro la forma. Sí que he visto que es posible con NgJsTree

Un ejemplo del JSON sería

    [
    {
        "id": "1",
        "parent": "#",
        "label": "Padre 1"
    },
    {
        "id": "2",
        "parent": "#",
        "label": "Padre 2"
    },
    {
        "id": "3",
        "parent": "2",
        "label": "Hijo 1"
    },
    {
        "id": "4",
        "parent": "2",
        "label": "Hijo 2"
    }
]

Y esto se mostraría de la siguiente forma

  • Padre 1
  • Padre 2
    • Hijo 1
    • Hijo 2

¿Sabéis si es posible?

Por estudios de rendimiento, sabemos que esta estructura es la más eficiente. El arbol puede tener más varias docenas de miles de nodos y profundidad N.

Tiene que cargarse completa en el navegador para diversas funcionalidades. Retrabajar el arbol no es una opción porque acarrearía grandes pérdidas de rendimiento.

Funciona y bien con NgJsTree, pero me gustaría usar algo con soporte a largo plazo y el uso de PrimeNG es obligatorio.

Esta es la primera vez que lanzo una pregunta y espero no meter mucho la pata.

Tenemos un árbol no anidado dentro de un JSON, es decir, es un listado de elementos que tienen un identificador único y un identificador para encontrar al elemento padre. Es necesario representarlo en pantalla y preferiría hacerlo con PrimeNG, pero no encuentro la forma. Sí que he visto que es posible con NgJsTree

Un ejemplo del JSON sería

    [
    {
        "id": "1",
        "parent": "#",
        "label": "Padre 1"
    },
    {
        "id": "2",
        "parent": "#",
        "label": "Padre 2"
    },
    {
        "id": "3",
        "parent": "2",
        "label": "Hijo 1"
    },
    {
        "id": "4",
        "parent": "2",
        "label": "Hijo 2"
    }
]

Y esto se mostraría de la siguiente forma

  • Padre 1
  • Padre 2
    • Hijo 1
    • Hijo 2

¿Sabéis si es posible?

Esta es la primera vez que lanzo una pregunta y espero no meter mucho la pata.

Tenemos un árbol no anidado dentro de un JSON, es decir, es un listado de elementos que tienen un identificador único y un identificador para encontrar al elemento padre. Es necesario representarlo en pantalla y preferiría hacerlo con PrimeNG, pero no encuentro la forma. Sí que he visto que es posible con NgJsTree

Un ejemplo del JSON sería

    [
    {
        "id": "1",
        "parent": "#",
        "label": "Padre 1"
    },
    {
        "id": "2",
        "parent": "#",
        "label": "Padre 2"
    },
    {
        "id": "3",
        "parent": "2",
        "label": "Hijo 1"
    },
    {
        "id": "4",
        "parent": "2",
        "label": "Hijo 2"
    }
]

Y esto se mostraría de la siguiente forma

  • Padre 1
  • Padre 2
    • Hijo 1
    • Hijo 2

¿Sabéis si es posible?

Por estudios de rendimiento, sabemos que esta estructura es la más eficiente. El arbol puede tener más varias docenas de miles de nodos y profundidad N.

Tiene que cargarse completa en el navegador para diversas funcionalidades. Retrabajar el arbol no es una opción porque acarrearía grandes pérdidas de rendimiento.

Funciona y bien con NgJsTree, pero me gustaría usar algo con soporte a largo plazo y el uso de PrimeNG es obligatorio.

Origen Enlace

Arbol no anidado JSON en Angular + PrimeNg

Esta es la primera vez que lanzo una pregunta y espero no meter mucho la pata.

Tenemos un árbol no anidado dentro de un JSON, es decir, es un listado de elementos que tienen un identificador único y un identificador para encontrar al elemento padre. Es necesario representarlo en pantalla y preferiría hacerlo con PrimeNG, pero no encuentro la forma. Sí que he visto que es posible con NgJsTree

Un ejemplo del JSON sería

    [
    {
        "id": "1",
        "parent": "#",
        "label": "Padre 1"
    },
    {
        "id": "2",
        "parent": "#",
        "label": "Padre 2"
    },
    {
        "id": "3",
        "parent": "2",
        "label": "Hijo 1"
    },
    {
        "id": "4",
        "parent": "2",
        "label": "Hijo 2"
    }
]

Y esto se mostraría de la siguiente forma

  • Padre 1
  • Padre 2
    • Hijo 1
    • Hijo 2

¿Sabéis si es posible?