This is a migrated thread and some comments may be shown as answers.

TreeList Style Grid?

6 Answers 295 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Steven
Top achievements
Rank 1
Steven asked on 17 Feb 2012, 07:18 PM
I need to create a grid that works more like the RadTreeList does, in that you have a grid, but you can expand and collaps rows by a hierarchical navigator.

Is this somehow possible to do using KendoGrid?    Should I use KendoTreeView instead?

Anyone have any sample code that can illustrate how to do this?

Preferably, it would be nice to be able to bind it to an xml structure like this:

<Data>
    <Employee>
        <Name>Mary</Name>
        <EmpType>Executive</EmpType>
        <Salary>65000</Salary>
        <Employee>
            <Name>Fred</Name>
            <EmpType>Manager</EmpType>
            <Salary>52000</Salary>
            <Employee>
                <Name>John</Name>
                <EmpType>Supervisor</EmpType>
                <Salary>37000</Salary>
            </Employee>
        </Employee>
    </Employee>
</Data>

6 Answers, 1 is accepted

Sort by
0
Steven
Top achievements
Rank 1
answered on 17 Feb 2012, 07:22 PM
To be more precise, the XML should probably have been something like this (but the concept is the same):
<Data>
    <Employees>
        <Employee>
            <Name>Mary</Name>
            <EmpType>Executive</EmpType>
            <Salary>65000</Salary>
            <Employees>
                <Employee>
                    <Name>Fred</Name>
                    <EmpType>Manager</EmpType>
                    <Salary>52000</Salary>
                    <Employees>
                        <Employee>
                            <Name>John</Name>
                            <EmpType>Supervisor</EmpType>
                            <Salary>37000</Salary>
                        </Employee>
                    </Employees>
                </Employee>
                <Employee>
                    <Name>Jean</Name>
                    <EmpType>Manager</EmpType>
                    <Salary>50000</Salary>
                </Employee>
            </Employees>
        </Employee>
    </Employees>
</Data>
0
Joel
Top achievements
Rank 1
answered on 19 Feb 2012, 08:25 AM
I just checked out the control for the first time off the Telerik site.

Minus the visual tree-lines, is this control that drastically different from the hierarchy demo? http://demos.kendoui.com/web/grid/hierarchy.html 
0
Steven
Top achievements
Rank 1
answered on 19 Feb 2012, 08:31 AM
Yeah, that is what I am using at the moment.  

However, the difference between a heirarchical grid and a tree list is that the columns are all aligned and cannot be different.   TAB key works between columns regardless of which row you are on, and you can also select columns of data.  No headers exist between the collapsed and expanded rows.   For some implementations, the parent row even auto aggregates the child rows.

These are a few things that the grid-within-a-grid type control can't handle well. Not without lots of workaround coding, anyway.

0
Joel
Top achievements
Rank 1
answered on 19 Feb 2012, 09:00 AM
Ok, that clears things up. The way I see it, you're going to have to do a lot of work-around coding even if you went with the KendoTreeView control to build this out.

I'd like to see what the KendoUI team suggests.
0
Christopher
Top achievements
Rank 1
answered on 03 Nov 2012, 02:25 PM
Has anyone been able to achieve this yet with the Grid or TreeView?  The project I'm working on is full of organizational hierarchies in which the RadTreeList is exactly what I need.  I would like to switch over to ASP.NET MVC, however the lack of support for a TreeList-like control is holding it up.  Does anyone at Telerik know a workaround?

Thanks!

-Chris
0
Sebastian
Telerik team
answered on 05 Nov 2012, 01:39 PM
Hello folks,

Presently we don't have a counterpart for the AJAX RadTreeList control in our Kendo UI offering, but we are actively pegging the interest in such a widget. You can file your vote in this User Voice entry to affect its priority for future Kendo UI releases.

Kind regards,
Sebastian
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Steven
Top achievements
Rank 1
Answers by
Steven
Top achievements
Rank 1
Joel
Top achievements
Rank 1
Christopher
Top achievements
Rank 1
Sebastian
Telerik team
Share this question
or