jquery利用js数组动态生成可编辑、折叠的导航菜单插件

使用方法

      var treeOne, treeScnd, treeThird;
      var data = [
          {
            title: "导航菜单",
            children: [
              {
                title:"下拉菜单A",
                children: [
                  {title:"下拉菜单A1"},
                  {title:"下拉菜单A2"},
                  {title:"下拉菜单A3"},
                  {title:"下拉菜单A4"}
                ]
              },
              {
                title:"上拉菜单B",
                children: [
                  {title:"上拉菜单B1"},
                  {title:"上拉菜单B2"}
                ]
              },
              {title:"侧边栏菜单"}
            ]
          }
      ];

      $(function(){
        treeOne = new DinampTreeEditor('.firstTree').setData(data);

        treeScnd = new DinampTreeEditor('.scndTree').setData(data).set({
          extended: false,
          radios: true,
          editable:false,
          oncheck: function(state, text, path) {
            $(".sncdOutput").text(path);
          }
        });

        treeThird = new DinampTreeEditor('.thirdTree').setData(data).set({
          checkboxes: true,
          onchange: function(tree) {
            $(".thirdOutput").text(JSON.stringify(tree.getData()));
          }
        });
      });