Home / Community / Forums / WPF > TreeView > MultiColumn TreeView

• Thomas

  Posted on Dec 11, 2008 (permalink)

  Hi
  
  We're evaluating a MultiColumn Treeview.
  Is there an easy way to use this RadTreeView with multiple columns?
  
  Thanks for your help!
  
  Thomas

  Reply

• Telerik Admin

  Posted on Dec 11, 2008 (permalink)

  Hello Thomas,
  
  The RadTreeViiew does not support MultiColumn out of the box, but with some use of styles, templates and converters, it can be achieved:
  
  
  
  I have attached a project with the above implementation, you can have a look at it and decide whether it is suitable for your scenario. Of course this is just sample implementation, the xaml could be improved.
  
  Sincerely yours,
  Miroslav
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Attached files

  • MultiColumnTreeView.zip

  Reply

• Mark Bailey

  Posted on May 26, 2009 (permalink)

  Miroslav, that is pretty creative... I don't suppose you have the Silverlight version handy... please?

  Reply

• Telerik Admin

  Posted on May 27, 2009 (permalink)

  Hi Mark Bailey,
  
  In Silverlight it is harder this to be done due to the missing presenters. We have this feature in our TODO list, but for the moment we dont support this scenario in Silverlight.
  
  Kind regards,
  Valentin.Stoychev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Mark Bailey

  Posted on May 27, 2009 (permalink)

  It would also work if your datagrid had tree-like expand/collapse behavior.  E.g. summary rows were not treated differently than normal rows with the exception of being able to collapse them - the desired effect to have the same columns for all rows, but one column (the first) with the expand/collapse and indentation.  We've had to bake up our own for now and bind the row height/visibility to whether or not the parent is collapsed... seems like butchering the datagrid.

  Reply

• Telerik Admin

  Posted on May 27, 2009 (permalink)

  Hello Mark Bailey,
  
  We are also looking forward to that, unfortunately for the moment we can not provide you with much help in this scenario.
  
  Kind regards,
  Valentin.Stoychev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Telerik Admin

  Posted on May 27, 2009 (permalink)

  Hi Mark,
  
  Currently RadGridView does not support this functionality out of the box. Nevertheless we have managed to prepare a sample Silverlight application which achieves Tree-Grid-Hybrid.
  You can find the app in the attached file.
  
  I am hoping this will work for you.
  
  Best wishes,
  Kalin Milanov
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Attached files

  • 179521-multicolumn-treeview.zip

  Reply

• Mark Bailey

  Posted on May 27, 2009 (permalink)

  Hi Kalin,
  
  Thanks for the example.  It is similar to what we have implemented.  We used something like you did, except binding the column/expander control to the property, and visibility/height to a property of the underlying row entity.  Although we had some success, it gets redundant in each instance you need it and creates superfluous properties that should not really be part of the model (thank goodness for partial classes).
  
  The problem becomes things like tab order (if you tab through a hidden row you will lose focus), selected rows (e.g. if you are doing bulk operations on rows you may not even know some hidden ones are selected), scrolling (collpasing rows does not always update vertical scrollbar position/height). 
  
  I look forward to an integrated solution to this (either via multi-column tree or collapsable grid)!  BTW - I had to update your project to SL3 Beta and it ran fine.
  
  Thanks again for the post.
  

  Reply

• Lauren Nickerson

  Posted on Jul 15, 2009 (permalink)

  Using this approach, is there a way to expand the first column's width to fit the content of all the items in the treeview? As you can see in this image, the child items of the tree get cropped when the tree is loaded(I'm setting all the items.IsExpanded property to true when I load the application), but I would like the control to expand and show the content of all the child items in col1. Also I just noticed that the "False" words in Col2 are also getting cropped. How can I fix that?
  
  Thanks.

  Reply

• Telerik Admin

  Posted on Jul 16, 2009 (permalink)

  Hello Lauren Nickerson,
  
  Currently this is not supported in this example.
  
  We are working towards enabling this scenario out of the box for the treeview. The next major update of the treeview will include this feature and we will take your request into consideration.
  
  If you have other features that you want to see implemented in the new MultiColumnTreeView control - we will be glat to hear your feedback.
  
  Greetings,
  Valentin.Stoychev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Lauren Nickerson

  Posted on Jul 16, 2009 (permalink)

  When is the major update going to be out?
  
  Thanks.

  Reply

• Lauren Nickerson

  Posted on Jul 16, 2009 (permalink)

  Hi and another question. I need to implement node editing in the MultiColumn TreeView; I was able to do it on a simple TreeView, but the multi column one seems to have lost this functinallity. How can I do it in the multicolumn treeview too?

  
  

  Thanks.

  Reply

• Telerik Admin

  Posted on Jul 17, 2009 (permalink)

  Hello Lauren Nickerson,
  
  The next major release is at the end of October. We will release a bete version at the end of September.
  
  As for the editing - yes it is not supported in multicolumn treeview scenario. The columns in the current sample are readonly.
  
  When the control is ready we will have the editing enable for the columns too.
  
  Best wishes,
  Valentin.Stoychev
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply

• Lauren Nickerson

  Posted on Nov 19, 2009 (permalink)

  Hello. I've been using this approach for quite a while now to show columns in the treeview, but with the newest version (Q3 2009) it stopped working, it doesn't show the items at all. Can you guys help me out on what changes do I need to make to the tree view control template in order for it to work again?
  
  Thank you.

  Reply

• Telerik Admin

  Posted on Nov 23, 2009 (permalink)

  Hello Lauren Nickerson,
  
  Unfortunately there were some changes in the TreeView's ControlTemplate. It was mentioned in the list of breaking changes but it is easy to miss it. Here is an article that describes the changes for the Silverlight ControlTemplate:
  
  http://www.telerik.com/support/kb/silverlight/treeview/treeview-q3-changes.aspx
   
  The changes in WPF are equivalent, there is one more thing -
  
  the CanContentScroll property of the ScrollViewer needs to be set to true:
  
  CanContentScroll="true"
  
  If you wish you can send us the custom TreeView ControlTemplate and we will update it for you.
  
  Greetings,
  Miroslav
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

  Reply

• Bryan

  Posted on Mar 12, 2010 (permalink)

  Hello Kalin,
  
  I am in need of a huge favor, I have successfully implemented the code that you had created and got it working with my application, however I am stuck on one particular piece of the code, I have converted all of it to VB.net except this one part that does not want to convert properly: The piece bold and italicized is the problem child
  
  ExpandableCellNode.cs
  
  

   

  private void UpdateRowsVisibility()

   

  {

   

  foreach (GridViewRow row in this.ParentCell.ParentRow.ParentGrid.ItemsControl.VirtualizingPanel.Children)

   

  {

   

  Person p = row.DataContext as Person;

   

   

  if (p.Parent != null && HasCollapsedAncestor(p))

   

  {

  row.Height = 0;

  row.MinHeight = 0;

  }

   

  else

   

  {

  row.MinHeight = 20;

  }

  }

  }
  
  
  Any help would be greatly appreciated!!!
  Thank-You
  Bryan

  Reply

• Telerik Admin

  Posted on Mar 17, 2010 (permalink)

  Hi Bryan,
  
  I cannot put your post in the context of this thread. Is it possible that the question was meant to go elsewhere?
  
  Regards,
  Miroslav
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  Reply

• Mark Huck

  Posted on Apr 9, 2010 (permalink)

  Hi,
  
  I too am having Bryan's trouble using the ParentGrid in the sample Kalin provided.  Is there a new syntax?
  
  
  private void UpdateRowsVisibility()
    {
     foreach (GridViewRow row in this.ParentCell.ParentRow.ParentGrid.ItemsControl.VirtualizingPanel.Children)
     {

  Reply

• Telerik Admin

  Posted on Apr 15, 2010 (permalink)

  Hello Mark Huck,
  
  As the sample you are using was made a long time ago and since then there are many changes in the grid it is expected some of our previous code not to work as expected.
  
  On the flipside we are currently in development of a brand new TreeListView control for the upcoming Q2. I am hoping the wait will not be too critical for you.
  
  Kind regards,
  Kalin Milanov
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  Reply

• Mark Huck

  Posted on May 3, 2010 (permalink)

  Kalin,
  
  Racing to get this +/- expansion out the door on Friday. What syntax will allow me to use this UpdateRowsVisibility function? 
  
  private void UpdateRowsVisibility()
    {
     foreach (GridViewRow row in this.ParentCell.ParentRow.ParentGrid.ItemsControl.VirtualizingPanel.Children)
     {
  ...
  }
  }

  Reply

• Telerik Admin

  Posted on May 5, 2010 (permalink)

  Hi Mark,
  
  I replied to your support ticket with more details, I am pasting a part of my reply here as well:
  
  Unfortunately converting this example will not be possible as it has been implemented back then. The virtualizing panel of the GridView currently does not take into account the Visibility of its items.
  
  Currently we are upgrading the CTP version of the TreeListView control and we are basing it on the GridView. It will first be available with a beta in the first half of june and it will be included in the next official release. It will combine the features of the TreeListView and the GridView.
  
  All the best,
  Miroslav
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  Reply

• OmiD

  Posted on Jun 2, 2010 (permalink)

  Hi
  
  i want to bind this multicolumn treeview to data that i received from wcf service.
  how do i do it?
  
  thanks
  

  Reply

• Telerik Admin

  Posted on Jun 4, 2010 (permalink)

  Hi OmiD,
  
  The current version of the TreeList is a CTP breaking changes are expected with the next release when we are going to base it on the GridView. Please wait until the beta release at the end of next week when the new version will be out.
  
  Since the new version will be based on the GridView, all examples for populating with data about the GridView will be applicable:
  
  http://demos.telerik.com/silverlight/#GridView/DomainDataSource
  
  For the current version you can look at similar examples for the TreeView - but again, this will not be relevant soon.
  
  All the best,
  Miroslav
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

  Reply

Back to Top

Home / Community / Forums / WPF > TreeView > MultiColumn TreeView