[CLOSED] MultiLevel Gridpanel online example not showing all levels - level data gets cut off

[Fahd]

Hi,
The MultiLevel Gridpanel example at https://examples2.ext.net/#/GridPane...vel_GridPanel/ is not showing all the rows.
For example, if you click on Level1:Row5 then click on Level2:Row5, you
will see that Level3:Row6 and up dispeared and if you click on Level3:Level5, you will NOT see any of the sublevels.
I attached a screen shot of the problem. Can you provide a fix for it?

[Aurelio]

HI, i have the same problem, but i have insert the grid.height in this part of code and now work...
I use the V2.1 and the property AutoHeight of GridPanel not exist

if (level == 1)
        {
            grid.Title = "MultiLevel grid";
            grid.Width = 600;
            grid.Height = 600;           
            grid.ResizableConfig = new Resizer { Handles = ResizeHandle.South };
                        
            this.Form.Controls.Add(grid);            
        }
        else
        {
          //Insert this and the gridpanel work ok
            grid.Height = 100;    
            var renderEl = "row_" + recId;
            X.Get(renderEl).SwallowEvent(new string[] { "click", "mousedown", "mouseup", "dblclick" }, true);

            this.RemoveFromCache(newGridId, gridId);
            grid.Render(renderEl, RenderMode.RenderTo);
            this.AddToCache(newGridId, gridId);
        }

Waiting for a response from the team this can work in V2.1.

Thanks
Aurelio

[Daniil]

Hi,

Thanks for the report.

Regarding AutoHeight. Yes, it has been removed. For now, please use:

BodyStyle="height: auto;"

or

Style="height: auto;"

depending on a type of container.

But it doesn't work with sub-levels.

I think it needs to set up explicit Height for sub-level grids. Though, we will investigate a possibility to get it auto height, but not sure it is possible.

[Fahd]

Hi Aurelio,
Thanks for the suggestion but setting grid.height = 100 did not work for me. It was throwing error messages "tableContent" is null lor not an object.
Below is the screen shot.

HI, i have the same problem, but i have insert the grid.height in this part of code and now work...
I use the V2.1 and the property AutoHeight of GridPanel not exist

if (level == 1)
        {
            grid.Title = "MultiLevel grid";
            grid.Width = 600;
            grid.Height = 600;           
            grid.ResizableConfig = new Resizer { Handles = ResizeHandle.South };
                        
            this.Form.Controls.Add(grid);            
        }
        else
        {
          //Insert this and the gridpanel work ok
            grid.Height = 100;    
            var renderEl = "row_" + recId;
            X.Get(renderEl).SwallowEvent(new string[] { "click", "mousedown", "mouseup", "dblclick" }, true);

            this.RemoveFromCache(newGridId, gridId);
            grid.Render(renderEl, RenderMode.RenderTo);
            this.AddToCache(newGridId, gridId);
        }

Waiting for a response from the team this can work in V2.1.

Thanks
Aurelio

[Fahd]

Hi,
The issue is with the sub levels. I need a solution for the sub levels so my users can see the entire listing including the ones that got cut-off.
Can you show me how to add a Div to the sub levels? This way, I can make it scrollable for my users.

Also, I noticed there is a scroll bar to the right side when the sub levels are very long.
However, when I try to click on the scroll bar it dispears thus I was not able to click on it and that is another bug. Is there a fix for that one?
Below is a screenshot to show you what I am referring to:


Many thanks in advance.

Hi,

Thanks for the report.

Regarding AutoHeight. Yes, it has been removed. For now, please use:

BodyStyle="height: auto;"

or

Style="height: auto;"

depending on a type of container.

But it doesn't work with sub-levels.

I think it needs to set up explicit Height for sub-level grids. Though, we will investigate a possibility to get it auto height, but not sure it is possible.

[Daniil]

Hi Aurelio,
Thanks for the suggestion but setting grid.height = 100 did not work for me. It was throwing error messages "tableContent" is null lor not an object.
Below is the screen shot.

It works well for me. I guess you need to update from the 2.1 branch to get it working.

I think it will also resolve another issue that you are facing with scrolling.

[Fahd]

Yes. You are right. I just upgraded to 2.1 and it is now working. Thanks you!

It works well for me. I guess you need to update from the 2.1 branch to get it working.

I think it will also resolve another issue that you are facing with scrolling.

[Daniil]

Though, we will investigate a possibility to get it auto height, but not sure it is possible.

Please set explicit Height.

But, I think, the "auto height" effect is possible to implement manually - setting height for a row body on client according a count of loaded records.