2016-09-26 71 views
0

我怎么能对所有节点(父& &儿童)RadTreeView所有节点都具有相同的aligment

相同对准你能请参阅下面的图片(我试图做pik1相同)。 “床上用品特征”是根,其他节点是叶子(儿童)。

enter image description here

enter image description here

我使用Telerik的RadTreeView

<telerik:RadTreeView ID="TreeView1" ItemsIndent="0" ShowLineImages="false" RegisterWithScriptManager ="true" ForeColor="Black" CheckBoxes="true" runat="server" OnNodeCheck="TreeView1_TreeNodeCheckChanged" > 
    </telerik:RadTreeView> 



private void FillTree() 
    { 
     //get all tree 

     DataTable TreeDataTable = new DataTable(); 
     TreeDataTable = DSCAttribute.GetAttributeFullTree(); 
     TreeView1.DataTextField = "Name"; 
     TreeView1.DataValueField = "Name"; 
     TreeView1.DataFieldID = "Id"; 
     TreeView1.DataFieldParentID = "ParentID"; 
     TreeView1.DataSource = TreeDataTable; 
     TreeView1.DataBind(); 
} 

我需要离开,以消除空间子节点..thanks过吗?!

+1

展示如何将其绑定。 –

+1

也添加你的数据模型,并告诉你的代码有什么问题。它看起来如何。 –

+0

@mwisnicki ...我只想删除子节点之前的空间,所以子节点和父节点将具有相同的左对齐..绑定和数据模型是正确的.. –

回答

1

treeveiw应该有这个填充来显示层次结构。因此,你应该考虑压扁数据源,并在一个层次上展示所有内容。

或者,您可以尝试通过覆盖它的CSS规则来攻击它。这是一个基本的例子,让你开始:

 /*remove padding*/ 
     div.RadTreeView .rtLI 
     { 
      padding-left: 0; 
     } 

     /*remove dotted lines*/ 
     div.RadTreeView .rtLines .rtLI::before, 
     div.RadTreeView .rtLines .rtOut::before 
     { 
      display: none; 
     } 

     /*hide expand/collapse icons*/ 
     span.rtMinus, 
     span.rtPlus 
     { 
      display: none; 
     } 

和一些样品标记

 <telerik:RadTreeView ID="RadTreeView1" runat="server" RenderMode="Lightweight" CheckBoxes="true"> 
      <Nodes> 
       <telerik:RadTreeNode Text="root" Expanded="true"> 
        <Nodes> 
         <telerik:RadTreeNode Text="leaf 1" Expanded="true"> 
          <Nodes> 
           <telerik:RadTreeNode Text="subleaf 1"></telerik:RadTreeNode> 
           <telerik:RadTreeNode Text="subleaf 2"></telerik:RadTreeNode> 
           <telerik:RadTreeNode Text="subleaf 3"></telerik:RadTreeNode> 
          </Nodes> 
         </telerik:RadTreeNode> 
         <telerik:RadTreeNode Text="leaf 2"></telerik:RadTreeNode> 
         <telerik:RadTreeNode Text="leaf 3"></telerik:RadTreeNode> 
        </Nodes> 
       </telerik:RadTreeNode> 
      </Nodes> 
     </telerik:RadTreeView> 
+0

填充子节点不使用附加的CSS删除?! –

+0

我需要css强制所有节点在UI上的一个级别。 –

+0

请注意我的示例中的轻量级RenderMode。这有助于CSS我展示你均衡所有节点。另外,请注意我答案的第一句话。你正在使用错误的控件,考虑一个网格,列表视图,中继器或其他设计不分层的东西,以避免不必要的破解。 – rdmptn

相关问题