Horizontal Scrollbar in GridPanel

[dangerlinto]

The horizontal scrollbar in a GridPanel will not be rendered unless you specifically supply a height to the grid panel. This has been fixed in ExtJs 4.2.2 (see EXTJSIV-9204) , which is not a public release and so is not included with Ext.Net

Do you have any suggestions how this can be overcome without specifying a height, and in addition, you also are not able to determine whether the grid will be larger than the container it's placed in?

Thanks

[dangerlinto]

Turns out I was able to put two halves of solutions together to make a reasonable work-around

On the grid (Razor MVC)

X().GridPanel()
...
.Listeners(
    l =>
    {
        l.AfterRender.Delay = 1000;
        l.AfterRender.Handler = "SetGridHeight(this);";
    }
                        
)

JavaScript Function to Set Height

function SetGridHeight( grid )
{
    //check if grid needs a horizontal scrollbar
    if ( grid.view.getWidth() < parseFloat( grid.view.getEl().dom.children[0].style.width ) )
    {
        var iHeight = grid.getHeight();
        grid.setHeight( iHeight + 18 );  //18 being the extra height for the new scrollbar
    }
}

Should work in most circumstances in a Fit design. The 1 second delay is necessary as AfterRender will otherwise not provide the currently rendered Height (which seemed very odd) and AfterLayout (which triggers multiple times) creates infinite loops if you try and alter the layout.