2012-05-09 4 views
0

나는 ASP.NET TreeView를 가지고 있으며 스타일을 정의 할 때 ShowLine을 "true"로 설정해야합니다. 그러나 트리보기의 줄이 잘립니다. this tutorial을 시도했지만 도움이되지 않았습니다.asp.net 트 리뷰의 컷 - 오프 라인

.tree 
{ 
     font-size: 40px; 
     height: 40px !important; 
} 

<asp:TreeView ID="TreeView1" runat="server" ShowLines="True" CssClass="tree"> 
    <Nodes> 
      <asp:TreeNode Text="test1" Value="1"> 
       <asp:TreeNode Text="test1.1" Value="11"></asp:TreeNode> 
      </asp:TreeNode> 
      <asp:TreeNode Text="test2" Value="2"> 
       <asp:TreeNode Text="test2.1" Value="21"></asp:TreeNode> 
      </asp:TreeNode> 
     </Nodes> 
    </asp:TreeView> 
+0

나는이 [링크]를 사용했다. (http://blogs.msdn.com/carloc/archive/2007/05/23/broken-line-in-asp-net-2-0- treeview-in-ie-7.aspx)하지만 올바르지 않습니다. – Amir

답변

1

예제 자체에서 언급 한 스타일을 사용해 보았습니까? 당신은 작동 스타일

.tree td div { 
    height: 20px !important 
} 

enter image description here

td div가 누락되었습니다. 40px를 설정하는 것은 div에서 사용되는 세로선 이미지가 20px 높이 인 것처럼 직접 작동하지 않습니다. 따라서이를 변경하려면 자신의 방법을 구현해야합니다. 트리 노드의 펼치기/접기 아이콘에도 영향을 미칩니다. 사용

.tree td div { 
     height: 40px !important 
    } 

enter image description here

EDIT

기본 이미지의 크기는 20 × 20 픽셀이다. 자신 만의 이미지 세트를 설정하려면 LineImagesFolder 트리 뷰의 속성을 설정해야합니다. 이렇게하면 자신 만의 이미지 집합을 제공하게됩니다. 이것 좀 봐 MSDN Link

+0

내 스타일을 컷 - 오프 라인에 추가 할 때. – Amir

+0

@Amir 나는 2 개의 스크린 샷 (20px 대 40px)으로 내 게시물을 편집했습니다. FireFox 11.0, Chrome 18.0, Safari 5.1, IE 7.0/8.0/9.0 브라우저를 확인했습니다. 스타일이 20 픽셀을 포함하는 한 선이 잘리지 않습니다. –

+0

작동 이해하지만 font-size treeview의 속성을 "Larger"로 설정하면 컷오프가 발생합니다. ( – Amir

관련 문제