Kendo UI TreeView中的问题展开图标

时间:2012-12-17 09:36:55

标签: kendo-ui kendo-treeview

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

当我单击节点左侧的展开图标(具有子节点)时,展开图标和折叠图标与节点的图标重叠。当焦点移出具有树视图数据的tabtrip时,展开/折叠图标不会重叠,而是位于节点的左侧。当我将鼠标悬停在包含数据的标签条上时,这两个图标都与节点的图标重叠。

以下是窗格和标签条声明

<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");

有没有办法确保图标和节点不重叠,即使我悬停/移出标签条或点击图标,数据也应该正确显示,就像展开/折叠图标应该是节点的左侧并没有重叠。请指导我。

提前致谢。

1 个答案:

答案 0 :(得分:0)

我在兼容性视图设置(即IE 7文档模式)中运行的IE 8遇到了同样的问题

发现this link非常有用:

...问题可能是在IE 7中与hasLayout相关,所以我建议你尝试用缩放触发布局:1样式到特定元素将解决问题......

这个css我应用于treeview,在我的情况下解决了同样的问题:

 li
    {
       zoom: 1;
    }