2016-09-26 49 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

相關問題