2016-09-26 5 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は階層を示すためにこのパディングを持つことになっています。したがって、データソースをフラット化し、すべてを1つのレベルで表示することを検討する必要があります。

または、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

私はすべてのノードが1つのレベルにあるように強制する必要があります。 –

+0

私の例ではLightweight RenderModeに注意してください。これは、すべてのノードを均等化することを示したCSSに役立ちます。また、私の答えの最初の文に注意してください。間違ったコントロールを使用している、グリッド、リストビュー、リピーター、またはそれをハッキングすることを避けるために設計によって階層化されていないものを考えてください。 – rdmptn

関連する問題