2017-09-30 75 views
-1

您好我需要创建树视图与嵌套数据显示..但无法显示..jquery.highCheckTree:如何使用嵌套的父母子女关系JSON

源演示网址:http://www.jqueryscript.net/demo/jQuery-Plugin-To-Create-Checkbox-Tree-View-highchecktree/

  var mockData= [{ 
 
    item:{id:'id', label:'label', checked:false}, 
 
    chidren:[{ 
 
     item:{id:'id2', label:'label2', checked:false}, 
 
     chidren:[ 
 
      {item:{id:'id3', label:'label3', checked:false} 
 
      
 
      }] 
 
    }] 
 
}, 
 
{ 
 
    item:{id:'id11', label:'label11', checked:false}, 
 
    chidren:[{ 
 
     item:{id:'id211', label:'label211', checked:false}, 
 
     chidren:[ 
 
      {item:{id:'id311', label:'label311', checked:false} 
 
      
 
      }] 
 
    }] 
 
}]; 
 

 
      
 
      $('#tree-container').highCheckTree({ 
 
       data: mockData 
 
      }); 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="http://www.jqueryscript.net/demo/jQuery-Plugin-To-Create-Checkbox-Tree-View-highchecktree/css/highCheckTree.css" rel="stylesheet"/> 
 
<script src="http://www.jqueryscript.net/demo/jQuery-Plugin-To-Create-Checkbox-Tree-View-highchecktree/js/highchecktree.js"></script> 
 
    <div id="tree-container"></div> 
 

+0

什么是你想要的层次结构?屏幕上有什么东西吗? –

回答

0

这只是你缺少在children'l'。在所有这些。否则它是完全没问题的。

chidren:[ - >children:[

+0

:(一段艰难的时间,我应该说,这段时间一直在打破我的头,以发现这样一个愚蠢的人,在js consle也没有错误 –

+0

鼓励你接受答案,如果它解决了你的问题。 –