2016-09-30 2 views
0

각형의 검도 트리보기를 구현 중입니다. 오류는 없지만 트리는 렌더링되지 않습니다. 내 코드는 여기에 있습니다 :검도 각도 상자에서 작동하지 않는 확인란의 트리보기

<div kendo-tree-view k-options="treeOptions" k-data-source="treeDataSource"></div> 

var app = angular.module('app', ['ui.bootstrap', 'ngRoute', 'kendo.directives']); 

을 app.js

addCtrl.js

$scope.updateTree = function() { 
    websiteService.getWebsiteFeaturesTree(webName, function (data) { 
       $scope.treeOptions = { 
        checkboxes: { 
         checkChildren: true 
        } 
       }; 

       $scope.treeDataSource = data; 
      }); 

    } 

add.html 내가 dataso 수 웹 서비스의 요지. 여기에 json이있다

// 20160930204148 
// http://localhost/api/Website/GetWebsiteFeaturesTree?webName=MetisEmptyTemplate 

[ 
    { 
    "Name": "Section", 
    "text": "Admin", 
    "checked": false, 
    "items": [ 
     { 
     "Name": "Tab", 
     "text": "Matrix Analysis", 
     "checked": true, 
     "items": [ 

     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Risk Categories and Questions", 
     "checked": true, 
     "items": [ 

     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Risk Colors", 
     "checked": true, 
     "items": [ 

     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "SWOT Types", 
     "checked": false, 
     "items": [ 

     ] 
     } 
    ] 
    }, 
    { 
    "Name": "Section", 
    "text": "Strategy", 
    "checked": false, 
    "items": [ 
     { 
     "Name": "Tab", 
     "text": "SWOT Analysis", 
     "checked": false, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "SWOT Grid", 
      "checked": true, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": false, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "SWOT Box", 
       "checked": false, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     } 
    ] 
    }, 
    { 
    "Name": "Section", 
    "text": "Portfolio", 
    "checked": true, 
    "items": [ 
     { 
     "Name": "Tab", 
     "text": "Matrix", 
     "checked": true, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Matrix Grid", 
      "checked": true, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": true, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "Matrix Output", 
       "checked": true, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Strategy", 
     "checked": true, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Strategy Grid", 
      "checked": true, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": true, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "Investment Level by Objective", 
       "checked": true, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Risk", 
     "checked": true, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Risk Grid", 
      "checked": true, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": true, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "Portfolio Risk", 
       "checked": true, 
       "items": [ 

       ] 
       }, 
       { 
       "Name": "Output", 
       "text": "Portfolio Risk Stacked Bar", 
       "checked": true, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     } 
    ] 
    }, 
    { 
    "Name": "Section", 
    "text": "Project", 
    "checked": false, 
    "items": [ 
     { 
     "Name": "Tab", 
     "text": "Matrix", 
     "checked": true, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Matrix Grid", 
      "checked": true, 
      "items": [ 

      ] 
      } 
     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Strategy", 
     "checked": true, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Strategy Grid", 
      "checked": true, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": true, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "Project Tactic Linkage", 
       "checked": true, 
       "items": [ 

       ] 
       }, 
       { 
       "Name": "Output", 
       "text": "OGTM", 
       "checked": true, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     }, 
     { 
     "Name": "Tab", 
     "text": "Risk", 
     "checked": false, 
     "items": [ 
      { 
      "Name": "Grid", 
      "text": "Risk Grid", 
      "checked": false, 
      "items": [ 

      ] 
      }, 
      { 
      "Name": "Outputs", 
      "text": "Outputs", 
      "checked": true, 
      "items": [ 
       { 
       "Name": "Output", 
       "text": "Risk Charts", 
       "checked": true, 
       "items": [ 

       ] 
       } 
      ] 
      } 
     ] 
     } 
    ] 
    } 
] 

나의 데이터 출처가 정확하다. 어떤 점이 빠졌습니까? 어떤 오류도 발생하지 않습니다. 내 나무가 html로 렌더링되지 않습니다.

답변

1

새로운 kendo.data.HierarchicalDataSource에 데이터를 배치하십시오.