Measuring height of siblings...

[lukasw]

Hello,

I have following problem. I need the script that will return me sum of heights of elements that are in the same container as control in parameter, ofcourse without this control.

For example I have container that contains 3 controls:

GridPanel - height: 150px;
SomeOtherPanel - height: 200px;
Toolbar - height: 50px;

now what I need is to invoke method like:

var siblingsHeight = MesureSiblingsHeight(GridPanel)

which will return me 250 to my siblingsHeightvariable.

How to write such method? Any examples? I've tried.. no success

[Animal]

I don't think you really need this.

I think you need to use a layout manager.

Like hbox or vbox, depending on your requirements. Which you have not specified.

[lukasw]

I'm not using extjs it directly, but throught the .net port called ext.net, and I'm not sure if standard solution will work, but anyway what I need is to have grid which will allways fill the gap between two panels (at the top, and at the bottom).

The panels could have diffrent height dependent of the form, so I don't know theirs heights. I need the grid to always be precisely big so the bottom toolbar will always stick to bottom panel and the headers bar always stick to top panel. The grid can have much more rows then it can be shown on the page - in this situation it must has scrollbar.

Also it have not to be extra containers and such because it will be used too many times, and i cannot make it abstract because its all on aspx pages.

What kind of layout can I use in extjs? I will adapt the solution to ext.net

Thanks in advice

[Animal]

That's a vbox layout using

layout: {
    type: 'vbox',
    align: stretch
},
items: [
    topPanelWithConfiguredHeight,
    gridPanelwithFlex_1,
    bottomPanelWithConfiguredHeight
]

Configure the top and bottom with a fixed height, and your grid in the middle with

flex: 1

[lukasw]

Bad news.. I cannot implement it like this in ext.net
The request for script that I asked about in my first post is still actual..

[Animal]

Why not? You have 3 components in a Container. The Container must have some layout. So use vbox. To do otherwise is to waste time. All these calculations are done for you.

[lukasw]

I'm using it, as I said, in ext.net.

Now vbox in ext.net does not accept items other then ext server controls. Problem is that some controls that I'm using are custom server controls and to use it I have to encapsulate them into some ext containers. When we multiply this operation by the ~30 pages that I have, the better way is to make one script that will compute heights and rest in piece