Kendo UI TreeView 中的问题 expand icon答案

【问题标题】：Problems in Kendo UI TreeView expand iconKendo UI TreeView 中的问题 expand icon
【发布时间】：2012-12-17 09:36:55
【问题描述】：

我正在使用 Kendo UI 树视图来动态显示某些数据。我对加载的数据没有任何问题。但发现一种情况如下

当我点击节点（有一个子节点）左侧的展开图标时，展开图标和折叠图标与节点的重叠。当焦点移出具有树视图数据的标签条时，展开/折叠图标不会重叠，它位于节点的左侧。当我将鼠标悬停在包含数据的标签条上时，两个图标都与节点的图标重叠。

下面是窗格和标签条声明

<div id="inner-1"   class="configuration k-widget k-header" style="height: 100%; border: 0;background-   color:#E1E5E7;"></div>

var leftTabStip=null;
leftTabStip = $("#inner-1").kendoTabStrip().data("kendoTabStrip");
leftTabStip.append({
            animation:  {
                open: {
                    effects: "fadeIn"
                }
            },
            text: "Sample",
            content: '<div id="treeSample" style="overflow:auto;position:relative;border:1px solid #B0B0B0;">  </div><ul class="options"> ',
            encoded: false
 });

finalPath 是包含树层次结构数据的数组，我正在使用这 3 个属性 id、text 和 encoded..

var localDataSource = new kendo.data.HierarchicalDataSource({
    data:finalPath
});

var groupTree1 = $("#treeSample").kendoTreeView({
    dataSource: localDataSource
}).data("kendoTreeView");

有什么方法可以确保图标和节点不重叠，即使我将鼠标悬停/移出标签条或单击图标，数据也应该像展开/折叠图标一样正确显示节点的左侧且不重叠。请指导我。

提前致谢。

【问题讨论】：

标签： kendo-ui kendo-treeview

【解决方案1】：

我在兼容视图设置（即 IE 7 文档模式）下运行 IE 8 时遇到了同样的问题

发现this link很有用：

...问题可能与 IE 7 中的 hasLayout 相关，所以我建议您尝试使用 zoom:1 样式触发布局到特定元素是否可以解决问题...

我将这个 css 应用到树视图，在我的情况下解决了同样的问题：

 li
    {
       zoom: 1;
    }

【讨论】：