使用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代码here

来查看所需的父子结构

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

有没有人有解决方法呢？