2

我有一些路线：

when('/tvtest/:userid', {templateUrl: 'template/usertv', controller: SomeTest}).

它加载了一些带有嵌入式 kendo-ui 控件的 html：

<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://localhost:7000/myservice/script/jquery.min.js"></script>
    <script type="text/javascript" src="http://localhost:7000/myservice/script/kendo.all.min.js"></script>

   </head>
<body>

    <h1>{{"Hello"}}</h1>

        <div id="example" class="k-content">
            <div class="demo-section">
                <ul id="treeview"/>
            </div>

            <script >
             console.log("test message");
             var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                url: "http://demos.kendoui.com/service/Employees",
                dataType: "jsonp"
            }
                        },
            schema: {
            model: {
                id: "EmployeeId",
                hasChildren: "HasEmployees"
                    }
                    }
                });

            $("#treeview").kendoTreeView({
                            dataSource: dataSource,
                            dataTextField: "FullName"
                            });
            console.log(kendo);

    dataSource.read();
            </script>

    {{user.UserName}}

        </div>
</body>
</html>

它是示例树视图，它不适用于路由，它打印“Hello”，一些用户名，但它不显示树视图，它甚至不在控制台上打印“测试消息”，它甚至没有尝试加载 jquery 和 kendo scipts。是因为加载某些模板时忽略了脚本标签的内容吗？我听说过angular- kendo项目，但我很好奇是否可以仅在 AngularJS 和 kendo-ui 框架内完成？看来我只是做错了......

更新：

好的，我知道在 angular-kendo 中事情似乎正在工作......但我无法让树视图工作：

我有控制权，比如：

function HomeCtrl($scope) {
  $scope.things = {
    dataSource: {
      data: [{ name: "Thing 1", id: 1 },
             { name: "Thing 2", id: 2 },
             { name: "Thing 3", id: 3 }]
    }   
}}

我返回了带有以下 html 的模板文件：

   <div  kendo-tree-view   
         k-data-source="things"
     k-data-text-field="'name'" />

但它不起作用......我做错了什么？？？

提前致谢。

4

2 回答 2

7

k-options如果不使用以下内容，我永远无法使剑道树视图正常工作：

http://jsfiddle.net/L6vSX/

看法：

<div kendo-tree-view k-options="things">

控制器：

$scope.things = {
    dataSource: {
      data: [{ name: "Thing 1", id: 1 },
             { name: "Thing 2", id: 2 },
             { name: "Thing 3", id: 3 }]
    },
    dataTextField: 'name'
}
于 2013-09-02T01:45:26.793 回答
-1

这是我这样做的方式，它是这样工作的：

<div  kendo-tree-view  k-data-source="things"  />

 $scope.things = [
         { name: "Thing 1", id: 1 },
         { name: "Thing 2", id: 2 },
         { name: "Thing 3", id: 3 }
         ]
于 2014-07-15T23:00:20.963 回答