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

Grid Resizing - Grouping box not sized at DataBound event

3 Answers 135 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jim
Top achievements
Rank 1
Jim asked on 13 Dec 2012, 07:32 PM
In July of this year Dimo added a nice example of dynamically resizing a grid.  A link to his post is here. This works very well unless you enable grouping on that same grid.

I took his jsfiddle and added a groupable: true --> http://jsfiddle.net/SDFsz/98/.

This works great when you resize but it doesn't work on the first run ( that is when resizeGrid gets called from DataBound event ).

Is there any event that fires after the Grouping box actually gets created and sized?

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 17 Dec 2012, 09:14 AM
Hello Jim,

I don't observe any problems with this demo. Here is a video I recorded. Let me know if I am missing something.

http://screencast.com/t/bM8RamalmIWu

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Jim
Top achievements
Rank 1
answered on 18 Dec 2012, 01:55 PM
Hi Dimo -

Thanks for the response.  So I am not sure how to debug this further. I have two machines ( one at home one at work ).  My home machine works just like you show in your video.  My work machine cuts off the paging bar at the bottom on both IE and Chrome. I have attached screen shots. 

When I debug this on my work machine I notice that when it is running through the loop to calculate the heights I get the wrong size for the group header and indeed since the debugger has paused the rendering on the screen I can see that there is no text displayed in the group header.  As soon as I resize the screen it is correctly filled in.

Looking at the fiddle with Chrome,   Chrome Version
Looking at the fiddle with IE, IE Version

Thanks for your attention to this.

Jim Greenwood
0
Dimo
Telerik team
answered on 19 Dec 2012, 09:25 AM
Hi Jim,

Now I see - evidently the problem occurs when the Grid is so narrow that the Grouping header is wrapped to two lines. You can enclose the content of the resizeGrid function in a setTimeout statement.

All the best,
Dimo
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
Jim
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Jim
Top achievements
Rank 1
Share this question
or