如何为每个记录创建嵌套网格的动态列

时间:2019-09-24 09:39:28

标签: javascript extjs extjs6

我有这样的json数据。

   [
  {
    "Name": "Alex",
    "Roll": 1,
    "collection": [
      {
        "Name": "Alex",
        "Roll": 1,
        "Class": 1,
        "stk": "Val1",
        "Marks": [
          {
            "Maths": 100,
            "Science": 200
          }
        ],
        "Weight": 50
      },
      {
        "Name": "Alex",
        "Roll": 1,
        "Class": 1,
        "stk": "Val2",
        "Marks": [
          {
            "Maths": 100,
            "Science": 200
          }
        ],
        "Weight": 60
      }
    ]
  },
  {
    "Name": "Brat",
    "Roll": 2,
    "collection": [
      {
        "Name": "Brat",
        "Roll": 2,
        "Class": 2,
        "stk": "Val1",
        "Marks": [
          {
            "English": 100,
            "History": 200
          }
        ],
        "Weight": 40
      },
      {
        "Name": "Brat",
        "Roll": 2,
        "Class": 2,
        "stk": "Val1",
        "Marks": [
          {
            "English": 100,
            "History": 200
          }
        ],
        "Weight": 30
      }
    ]
  },
  {
    "Name": "Cean",
    "Roll": 3,
    "collection": [
      {
        "Name": "Cean",
        "Roll": 3,
        "Class": 1,
        "stk": "Val1  ",
        "Marks": [
          {
            "Physic": 100,

          }
        ],
        "Weight": 40
      }
    ]
  }
]

我正在从这里准备像这样的嵌套网格。 Kitch SInk

就我而言,要求是不同的。正如我们在url中看到的那样,该列已在此处定义,但是在我的情况下,上一列是预定义的,但嵌套网格中的该列是varry。

如果查看数据,则位于集合数组中的标记的一个主题与一个数组的主题相同,而与集合的前一个数组不同。因此标记是动态的。以任何方式如何创建嵌套网格的动态列。

我的第一记录专栏是:stk,数学和科学

我的第一笔记录是:stk,英语和历史记录

我的第一记录专栏是:stk,物理

任何人都可以做到这一点。

0 个答案:

没有答案