Ext.ux.Portalは気をつけて使わないと・・・

ども、コツツミです。

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は気をつけて使わないと・・・

コメントを残す