how to resize Omnigrid on Panel Resize in Mootools

I am working on a project where I am using Mootools + MochaUI + Omnigrid to display data.

I have a page which contains two (MochaUI) panels and each panel contains Omnigrid to display data. I have a requirement where when I use the panel handler to resize the 开发者_Python百科panel the omnigrid height must change accordingly.

Please let me know how to implement this. Thanks in advance.

Nizam

---

Pass the new height (it's in some callback or just calculate it with el.getSize().y) of a MochaUI panel to OmniGrid, like:

var omnigridCont = document.id('mygrid');
omnigridCont.setStyle('height', 'auto');
omnigridCont.getElement('.bDiv').setStyle('height', heightFromMochaUI);

Try poking around with it on JsFiddle.net, can't be that difficult.