1. #1
    Sencha User
    Join Date
    Nov 2009
    Posts
    18
    Vote Rating
    0
    k_nishida is on a distinguished road

      0  

    Cool ExtDesignerでのViewPortについて

    ExtDesignerでのViewPortについて


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

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

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

  2. #2
    Sencha User
    Join Date
    Nov 2009
    Posts
    18
    Vote Rating
    0
    k_nishida is on a distinguished road

      0  

    Default Anchorにつきまして

    Anchorにつきまして


    やっぱりresionはExtDesign上で設定できないのでしょうか

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

  3. #3
    Sencha User
    Join Date
    May 2011
    Posts
    2
    Vote Rating
    0
    tigerjp is on a distinguished road

      0  

    Default


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

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

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

Thread Participants: 1