검도 UI TreeView의 문제점

검도 UI 트리 뷰를 사용하여 특정 데이터를 동적으로 표시하고 있습니다. 로드 된 데이터에 문제가 없습니다. 그러나 다음과 같은 시나리오가 있습니다.검도 UI TreeView의 문제점

노드 왼쪽에 확장 아이콘 (하위 노드가 있음)을 클릭하면 확장 아이콘과 축소 아이콘이 노드의 확장 아이콘과 겹칩니다. treeview 데이터가있는 tabstrip 밖으로 포커스가 이동하면 펼치기/접기 아이콘이 겹치지 않고 노드 왼쪽에 있습니다. 데이터가 포함 된 탭 스트립에 마우스를 가져 가면 두 아이콘이 노드의 아이콘과 겹칩니다.

다음은 finalPath 트리 계층 데이터를 포함하는 배열이고, I는 3 속성 ID, 텍스트 인코딩이 사용하고

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

창 및 TAB 테이프 선언이다 ..

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

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

아이콘과 노드가 겹치지 않도록하고, 탭 스트립에서 마우스를 가져 가거나 아이콘을 클릭해도 확장/축소 아이콘이 왼쪽에 있어야하는 것처럼 데이터가 제대로 표시되어야합니다. 중복되지 않습니다. 나를 안내 해줘.

미리 감사드립니다.

... 문제는 아마 IE 7에 관련된 hasLayout을한다 :

출처

2012-12-17 mick_000

나는 (즉, IE 7 문서 모드)

이 매우 유용 this link 발견 IE 8 호환성보기 설정에서 실행과 같은 문제가 있었다 그래서 줌과 레이아웃을 트리거 여부를 실험 조언 :

li 
    { 
     zoom: 1; 
    }

0 : 특정 요소에 1 스타일의 문제가 해결됩니다 ...

내가 트 리뷰에 적용이 CSS는, 내 경우에는 같은 문제를 해결

출처

2013-01-08 12:48:45 voodie99

검도 UI TreeView의 문제점

답변

관련 문제