jquery - 使用 nestedSortable jquery 插件从 JSON 输入创建树形网格结构

Question

我有以下 JSON 文件：

[{
  "Parent 1": [{
    "Child 1.1.1": 1,
    "Child 1.1.2": "W1T1",
    "Child 1.1.3": 1.5,
    "Child 1.1.4": [{
      "Child 1.1.4.1.1": 1,
      "Child 1.1.4.1.2": "W1T1C1",
      "Child 1.1.4.1.3": 0.75
    }, {
      "Child 1.1.4.2.1": 2,
      "Child 1.1.4.2.2": "W1T1C2",
      "Child 1.1.4.2.3": 0.5
    }]
  }, {
    "Child 1.2.1": 2,
    "Child 1.2.2": "W1T2",
    "Child 1.2.3": 3,
    "Child 1.2.4": [{
      "Child 1.2.4.1.1": 1,
      "Child 1.2.4.1.2": "W1T2C1",
      "Child 1.2.4.1.3": 1
    }, {
      "Child 1.2.4.2.1": 2,
      "Child 1.2.4.2.2": "W1T2C2",
      "Child 1.2.4.2.3": 1.5
    }]
  }]
}, {
  "Parent 2": [{
    "Child 2.1.1": 1,
    "Child 2.1.2": "W2T1",
    "Child 2.1.3": 1.5,
    "Child 2.1.4": [{
      "Child 2.1.4.1.1": 1,
      "Child 2.1.4.1.2": "W2T1C1",
      "Child 2.1.4.1.3": 0.75
    }, {
      "Child 2.1.4.2.1": 2,
      "Child 2.1.4.2.2": "W2T1C2",
      "Child 2.1.4.2.3": 0.5
    }]
  }, {
    "Child 2.2.1": 2,
    "Child 2.2.2": "W2T2",
    "Child 2.2.3": 3,
    "Child 2.2.4": [{
      "Child 2.2.4.1.1": 1,
      "Child 2.2.4.1.2": "W2T2C1",
      "Child 2.2.4.2.3": 1
    }, {
      "Child 2.2.4.2.1": 2,
      "Child 2.2.4.2.2": "W2T2C2",
      "Child 2.2.4.2.3": 1.5
    }]
  }]
}]

上面的JSON是一个有效的 JSON文件（使用JSONLint检查）。此外，您可以通过在此处覆盖我的 JSON 代码来查看所需的父子结构

我想使用嵌套的可排序插件创建一个类似视图的树形网格。该插件可在此处获得。这在树视图中显示数据，但这些值是硬编码的。我想用我的JSON文件中的值替换这些值。它应该识别父节点和子节点并适当地渲染。如何使所有这些动态呈现？

有没有人有解决方法？