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

Hierarchical Grid with child rows split in two columns

5 Answers 673 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Suraj
Top achievements
Rank 1
Suraj asked on 01 Jul 2014, 11:49 AM
Can I achieve the functionality as shown in the attached file using Kendo Grid/ListView?

It should support the following functionality

1. Edit the Group Name (inline)
2. Edit the Item Name (inline)
3. Items rows should be split in two columns under the Group
4. Rearrange the Group using drag and drop

Can this be done using declarative markup?

A small example would really help. Thanks

5 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 03 Jul 2014, 06:35 AM
Hello Suraj,

The following demo illustrates how the Grid inline editing works: Grid inline editing. It operates only on data items, but not on group items. This is in regard of point 1 and 2.

Regarding point 3 - we are not sure what you mean here. Group header is only one cell col-spanned over all data cells.

Point 4 - group order can be controlled by dragging the group fields which are positioned above the grid header row.

Regards,
Nikolay Rusev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Suraj
Top achievements
Rank 1
answered on 03 Jul 2014, 06:48 AM
Hello Nikolay,

What meant with point 3 was that, suppose there are 10 rows under the group then it should display as follows

group1
row1        row6
row2        row7
row3        row8
row4        row9
row5        row10

group2
row1        row6
row2        row7
row3
row4
row5 

Note the vertical order of the rows. Is there a way to accomplish this?

0
Nikolay Rusev
Telerik team
answered on 04 Jul 2014, 08:53 AM
Hello Suraj,

I see what you mean, but this is not supported. The rows will appear one after another.

Regards,
Nikolay Rusev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Suraj
Top achievements
Rank 1
answered on 07 Jul 2014, 12:14 PM
Hello Nikolay,

Can you suggest any other way in which this functionality can be achieved using any of the other kendo controls?

Regards,
Suraj Naik
0
Nikolay Rusev
Telerik team
answered on 09 Jul 2014, 07:07 AM
Hello Suraj,

I'm afraid that there isn't a widget that implements this layout. You can however use the DataSource API and Templates /there are also few demos on how templates works here /to build an UI per your needs.

Regards,
Nikolay Rusev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Suraj
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Suraj
Top achievements
Rank 1
Share this question
or