gpt4 book ai didi

javascript - Angularjs + kendo-ui Treeview

转载 作者:行者123 更新时间:2023-11-29 16:14:48 25 4
gpt4 key购买 nike

我有一些路线:

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>

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

更新:

好的,我知道在 angular-kendo 中事情似乎在起作用......但是我无法让 treeview 工作:

我有控制权,比如:

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'" />

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

提前致谢。

最佳答案

如果不使用如下所示的 k-options,我就无法让 Kendo Treeview 工作:

http://jsfiddle.net/L6vSX/

查看:

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

Controller :

$scope.things = {
dataSource: {
data: [{ name: "Thing 1", id: 1 },
{ name: "Thing 2", id: 2 },
{ name: "Thing 3", id: 3 }]
},
dataTextField: 'name'
}

关于javascript - Angularjs + kendo-ui Treeview ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18386992/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com