(1)ExtJS今回はclassicのレイアウトを取り上げます(何回かに分けます)。レイアウトの種類によって、パネルやコンテナに設置するアイテムコンポーネントの配置が変わります。レイアウトは、layoutコンフィグで設定します。Ext.layout.container.Autoこれは特にレイアウトを指定していない場合に適用されているデフォルトのレイアウトです。この場合、単純にDOMを順番に配置するだけです。アイテムコンポーネントのスタイル次第です。blockなら、縦に並びます。leftでも付けていれば、横に並ぶことでしょう。レイアウトAutoのパネル。]});Ext.layout.container.Fitアイテムコンポーネントを、layoutコンフィグを設定した親コンポーネントのサイズまで目一杯広げて設置するレイアウトです。アイテムコンポーネントが複数ある場合は、表示できるものが1つだけ表示されます。レイアウトFitのパネル。]});Ext.layout.container.HBoxアイテムコンポーネントを横に並べるレイアウトです。アイテムコンポーネントが右端に到達しても折り返しされません。レイアウトHBoxのパネル。]});レイアウトのalignコンフィグで、アイテムコンポーネントの縦方向に対する設定が可能です。alignは↓のように指定します。'middle'}middleendstretchstretchmax縦の位置を中央揃えにします。高さを一番高いアイテムコンポーネントに揃えますレイアウトのpackコンフィグで、アイテムコンポーネントの横方向に対する設定が可能です。横の位置を右端に寄せますアイテムコンポーネントにflexを指定することで、flexを指定したアイテムコンポーネントだけ目一杯幅を広げることができます。レイアウトHBoxのパネル。]});flexを指定したアイテムコンポーネントがある場合、余った部分をflexの値の比率で分け合います。2の比率で分け合います。Ext.layout.container.VBoxアイテムコンポーネントを縦に並べるレイアウトです。向きが変わるだけで、Ext.layout.container.HBoxと同じようなことができます。レイアウトVBoxのパネル。]});レイアウトのalignコンフィグで、アイテムコンポーネントの横方向に対する設定が可能です。alignは↓のように指定します。middleendstretchstretchmax横の位置を中央揃えにします。幅を一番広いアイテムコンポーネントに揃えますレイアウトのpackコンフィグで、アイテムコンポーネントの縦方向に対する設定が可能です。縦の位置を下端に寄せますアイテムコンポーネントにflexを指定することで、flexを指定したアイテムコンポーネントだけ目一杯高さを広げることができます。レイアウトVBoxのパネル。今回はレスポンシブ対応を試してみます。CSSではメディアクエ...2017-06-17(ExtJS6.5)フローティングメニューの追加・weightedコンフィグ[modern]今回は小ネタ2つです。これまでmodernのメニューとい...2017-04-17レイアウト[modern]今回はmodernのレイアウトを取り上げます。(3)classicのレイアウトは最後です。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。