Angularjs Kendo Treeview 未在 Kendo 弹出窗口中显示复选框

标签 angularjs kendo-ui treeview kendo-treeview

我正在使用 Kendo Window,在其中显示带有复选框的 Kendo TreeView。问题是 Treeview 正确呈现,但复选框未显示。如果我在 Kendo Window 之外(即直接在我的页面中)呈现 Treeview ,那么它会正确显示复选框。

请帮忙,因为我被卡住了。下面是我使用的代码:

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


$scope.treeOptions = {
   checkboxes: {
      checkChildren: true
   }
};

最佳答案

这段代码似乎工作正常:

<div kendo-window>
  <div kendo-tree-view k-options="treeOptions" k-data-source="treeDataSource"></div>
</div>
<script>
  angular.module("app", ["kendo.directives"]).controller("controller", function($scope) {
    $scope.treeOptions = {
      checkboxes: {
        checkChildren: true
      }
    };
    $scope.treeDataSource =  [
        { text: "Furniture", expanded: true, items: [
            { text: "Tables & Chairs" },
            { text: "Sofas" },
            { text: "Occasional Furniture" }
        ] },
        { text: "Decor", items: [
            { text: "Bed Linen" },
            { text: "Curtains & Blinds" },
            { text: "Carpets" }
        ] }
    ];
  });
</script>

现场演示:http://dojo.telerik.com/@korchev/INezO/2

关于Angularjs Kendo Treeview 未在 Kendo 弹出窗口中显示复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32349991/

相关文章:

c# - 获取 TreeView 控件中所有树节点(所有级别)的列表

angularjs - Protractor :测试 'busy indicator'/互联网连接速度慢的行为

javascript - 使用javascript获取数组中真/假值的数量

javascript - AngularJS Controller 函数没有被执行

javascript - Kendo Grid 通过 js 传递附加数据以读取服务器绑定(bind)中的操作

css - KendoUI Column Center 自定义MVC扩展方法

javascript - AngularJS $stateProvider 加载父模板但不加载子模板

javascript - Kendo UI Datepicker 禁用输入

css - 删除使用伪类添加的 JavaFX TreeCell 格式

c# - TreeView 的选中更改事件不起作用