Реализовать пользовательский json в сетке extjs

Question

Я пытаюсь реализовать код, в котором мне нужно отобразить данные из JSON в виде древовидной сетки, но я не могу получить желаемый результат.Я вижу только корневой узел, и когда я нажимаю на него снова, он копирует тот же узел во второй.

Мой JSON выглядит следующим образом:

{
  "grandparent": [
    {
      "parent1": [
        {
          "parent2": [
            {
              "parent3": [],
              "id": "aa",
              "name": "abc",
              "grandparentid": "11",
              "specialparams": [
                {
                   "a": "04",
                  "y": "",
                  "x": "asd_123",
                  "z": 0,
                    }]
                  }
               }
               name="text",
               "grandparentid": "11"    
               }

В моем магазине,Я упомянул rootProperty как «дедушка и бабушка».Не уверен, что мне не хватает.

Ожидаемый результат:

>grandparent
 >parent1
  >parent2
   >parent3 -- this will be blank
   a:04
   x:asd_123

Answer 1

В хранилище дерева, если вы хотите, чтобы у узла были дочерние узлы, вы должны установить дочерние узлы в свойстве children.

В вашем JSON нет children для каждого node, и вы определили узлы как array

Сделайте ваш JSON похожим на:

[
{
    id: 1,
    name: "grandparent"
    children: [
        {
            id: 2,
            name: "parent1",
            children: [
                {
                    id: 3,
                    name: "parent2",
                    children: [
                        ...
                    ]
                }
            ]
        }
    ]
}
]