Angularjs 检索KendoUI/Angular中的树节点文本
的目标是根据存储在变量sk中的特定树节点的id查询该节点,并用其文本显示警报。在输入字段中输入节点sk值,单击按钮,您将看到带有节点文本的警报 分层数据源中的get方法和hasChildren不起作用,有什么想法吗 HTML:Angularjs 检索KendoUI/Angular中的树节点文本,angularjs,kendo-ui,Angularjs,Kendo Ui,的目标是根据存储在变量sk中的特定树节点的id查询该节点,并用其文本显示警报。在输入字段中输入节点sk值,单击按钮,您将看到带有节点文本的警报 分层数据源中的get方法和hasChildren不起作用,有什么想法吗 HTML: 您应该直接访问数据源: $scope.queryTree = function(){ var nodeDataItem = $scope.treeData.get($scope.sk); alert(nodeDataItem.text) }; 这是给你的一张工作
您应该直接访问数据源:
$scope.queryTree = function(){
var nodeDataItem = $scope.treeData.get($scope.sk);
alert(nodeDataItem.text)
};
这是给你的一张工作票 这对孩子们不起作用,也可以尝试扩展不起作用的树。现在检查plunkr,修复了孩子们对你也不起作用的问题。
function MyCtrl($scope) {
$scope.sk = 3;
$scope.treeData = new kendo.data.HierarchicalDataSource({
data: [
{ sk: 11, text: "Furniture", expanded:true, items: [
{ sk: 2, text: "Tables & Chairs"},
{ sk: 3, text: "Sofas" },
{ sk: 4, text: "Occasional Furniture" }
] },
{ sk: 12, text: "Decor", expanded:true, items: [
{ sk: 6, text: "Bed Linen" },
{ sk: 7, text: "Curtains & Blinds" },
{ sk: 8, text: "Carpets" }
] }
],
schema: {
model: {
id: "sk",
hasChildren: function(item) {
return item.sk > 10;
}
}
}
});
$scope.queryTree = function(){
$scope.treeData.fetch(function() {
var dataItem = $scope.treeData.get($scope.sk);
alert(dataItem.text);
});
};
}
$scope.queryTree = function(){
var nodeDataItem = $scope.treeData.get($scope.sk);
alert(nodeDataItem.text)
};