PDA

View Full Version : ExtDesignerでのViewPortについて



k_nishida
19 Apr 2011, 4:51 PM
ExtDesignerを購入を考えているものです。
今試用版で操作を試しています。
ExtでWebアプリを作成する際、
今まで手作業でViewPortでパネル、グリッド、タブを配置していました。
ViewPortはnorth,south,west,east,centerの1度に5ブロックにしか分割できないため、
center内をさらに縦に2分割など手作業でコード筆記していました。
ExtDesignerで簡単に配置できればと思いViewPortを使ってみたのですが、
上記5ブロックの配置方法などがわかりません。
パネルにregionを設定する方法がわかりません。

ひょっとしてExtDesignerは各パネルを設計するツールで、
ViewPortに配置する総合デザインは手作業なのでしょうか。

よろしくお願いいたします。

k_nishida
21 Apr 2011, 11:59 PM
やっぱりresionはExtDesign上で設定できないのでしょうか

ところで、
一生懸命ExtJSを勉強しているのですが、最近レイアウトでanchorを使うと
幅や高さが%表示出来ると知りました。
いろんなサイトを見て
anchor:'right'
などと手作業でコーディングすると横幅100%になるのはわかるのですが、
高さの指定方法がさっぱりわかりません。
これもDesignerではできませんか。

tigerjp
26 May 2011, 11:58 PM
north,south,west,east,centerのレイアウトはボーダーレイアウトです。
ViewPortのをボーダーレイアウトにしてパネルを設置してみて下さい。
さらにcenterをボーダーレイアウトにして分割したり、Designer操作だけでどこまでもネスト可能です。

幅や高さを100%にするには、そのコンポーネント自身ではなく、親要素のレイアウトをfit(幅も高さも100%)などに設定します。

親要素がfit、自身が100pxなどの設定した場合にどうなるかなど、クラス名.js内から実行後のプロパティにアクセスして確かめてみて下さい。