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