cut-off line asp.net treeview

Question

У меня есть ASP.NET TreeView и мне нужно установить ShowLine «true», когда я определяю его стиль. Однако линии дерева будут отключены. Я пробовал this tutorial, но это не помогло.

.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> 

Answer 1

Вы попробовали стили, упомянутые в самом примере? вам не хватает td div в стиле

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

Это будет работать. Обратите внимание, что установка 40px не будет работать напрямую, поскольку изображение вертикальной линии, используемое в div, имеет высоту 20 пикселей; поэтому вам нужно будет реализовать свои собственные способы, если вы хотите это изменить. Это также повлияет на значок expand/collapse на узлах дерева.

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

РЕДАКТИРОВАТЬ

по умолчанию изображения Используемые 20 х 20 пикселей. для установки собственного набора изображений вам нужно установить свойство дерева LineImagesFolder (сделав это, вы предоставите свой собственный набор изображений). Посмотрите на это MSDN Link