2012-12-17 55 views
0

我正在使用Kendo UI樹視圖來動態顯示某些數據。我沒有加載數據的問題。但發現一個場景如下Kendo UI TreeView中的問題展開圖標

當我點擊節點(它有一個子節點)左側的展開圖標時,展開圖標和摺疊圖標與節點的圖標重疊。焦點移出具有樹視圖數據的標籤欄時,展開/摺疊圖標不重疊,並且位於節點的左側。當我將鼠標懸停在包含數據的選項卡條上時,兩個圖標都與節點的圖標重疊。

以下是窗格和標籤條聲明

<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,文本和編碼..

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

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

是否有任何方法可以確保圖標和節點不重疊,即使我懸停/移出標籤條或單擊圖標,數據應該正確顯示,如展開/摺疊圖標應該在左側並且不重疊。請指導我。

在此先感謝。

回答

0

我與IE 8在兼容性視圖設置運行相同的問題(即IE 7原稿模式)

實測值this link相當有用:

...問題可能是在hasLayout的IE 7相關,所以我建議你嘗試是否觸發佈局變焦:1個作風特定的元素會解決這個問題...

這個CSS我申請的TreeView,固定在我的情況下,同樣的問題:

li 
    { 
     zoom: 1; 
    }