如何利用基因敲除显示在树模型中的JSON数据？(How to display a json data

我有这样一个简单的JSON文件。

 "Test":
    [
        {
            "id":"1",
            "type" : "test1"
        },
        {
            "id":"1.1",     
            "type":"test2"
        },
        {
            "id":"1.1.1",
            "type":"test3"
        },
        {
            "id":"1.1.2",
            "type":"test3"                
        }]

我想用基因敲除像下面显示的树模型这些数据。

      1 test1
      1.1  test2
         1.1.1  test3          
         1.1.2 test4

我还没有看到我的任何要求的样品溶液。 任何人都可以指导我？ 谢谢。

Answer 1:

如果你的数组排序正确，那么你可以使用style的结合通过根据CSS规则，申请项目元素左边距：

<ul data-bind="foreach: test">
    <li data-bind="style: { paddingLeft: (id.length * 10) + 'px' }">
        <span data-bind="text: id"></span>
        <span data-bind="text: type"></span>
    </li>
</ul>

你可以检查它是如何工作在这里： http://jsfiddle.net/7vyfW/

此方法不会跟踪你的结构，所以如果你想创建一个可编辑的列表是没用的。 但它是简单而有效的，如果你的任务只是显示一个树。

文章来源: How to display a json data in a tree model using knockout?