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 と剣道スクリプトをロードしてみてください。テンプレートをロードするときにスクリプトタグの内容が無視されるためですか? 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 に答える