ども、コツツミです。
2時間ほどはまりました・・まぁ概ね解決。
http://www.extjs.com/deploy/dev/examples/portal/portal.html
iGoogleみたいなポータルのUXですが、これ気をつけないとすぐレイアウト崩れます。
サンプルでは、Fitレイアウトに入れる前提なんですね。
なので、それ以外、たとえばCardLayoutなんかにぶっこんだときに、まぁ~ずれますよ。おそらく。
少なくとも、こないだ作ったExt.ux.ScreenとExt.ux.layout.Screenではずれました。
で、調整。Ext.ux.PortalXってクラス作って、ちゃんと調整されるように修正。どうもレイアウトマネージャーの更新タイミングと、レンダリングのタイミングのずれみたいですね。まぁ解決。
Ext.ux.Portalなんてつかわねーよ。と思ってたけど、客受けいいみたいで(笑)使うことに。
ちなみに、Ext 3.1.1持ってくるとわかるんですが、examples/ux/ 下にUXいっぱい入ってます。サンプルで使われているやつとか。ux-all.jsとcss/ux-all.css読み込めば、examplesに入っているUX使えるようになります。
以外と知られてないっぽいので。僕も先日教えてもらうまで気がつかなかった(笑
とりあえず、UXは標準のコンポーネントよりも慎重に使わないと、初心者ははまります。自力でUX作れる人とかは逆にハッピーですね!
さて、一区切りつけるところまでやっちゃうかぁ・・・。
Ext.ux.Portalは気をつけて使わないと・・・