jQuery树形菜单TreeView高性能应用(4)

上面了树的基本样式外，定义了一个有+号带line的样式和+号不带line的样式
 
这就是那个+号带line的样式
css中所用到的所有图片
               
  
2：确定数据结构
01.var menudata = [{ 
02.    id: "0.1",//唯一的ID即可 
03.    text: "Beyondbit UI Demo", 
04.    hasChildren: true, 
05.    isexpand: true, 
06.    complete: true, 
07.    ChildNodes: [{ 
08.        id: "0.1.1", 
09.        text: "日期选择", 
10.        hasChildren: true, 
11.        isexpand: false, 
12.        complete: true, 
13.        ChildNodes: [{ 
14.            id: "0.1.1.1", 
15.            text: "控件演示", 
16.            value: "Testpages/datepickerDemo.htm", 
17.            hasChildren: false, 
18.            isexpand: false, 
19.            complete: true, 
20.            ChildNodes: null
21.        }, 
22.        ... 
23.        ]
 
 
这样的结构有个好处就数据本身是带层次的，非常利于遍历，在后面的级联关联中会看到