(2)ExtJS続きです。Ext.layout.container.Cardアイテムコンポーネントを、layoutコンフィグを設定した親コンポーネントのサイズまで目一杯広げて設置するレイアウトです。アイテムコンポーネントが複数ある場合は、インデックス番号がより小さい表示可能な(非表示になっていない)アイテムコンポーネントが1つだけ表示されます。Ext.layout.container.Fitに似ていますが、さらに表示するアイテムコンポーネントを切り替える機能を持ちます。レイアウトCardのパネル。}});Nextボタンを押すと、次のアイテムコンポーネントに切り替わります。getActiveItem、setActiveItemメソッドを使って、現在表示されているアイテムコンポーネントを取得したり切り替えたりできます。位置に配置するレイアウトです。どの位置に配置するかは、アイテムコンポーネントのregionコンフィグで指定します。レイアウトBorderのパネル。]});アイテムコンポーネントにweightコンフィグを指定すると、東西南北のどれを目一杯広げるかを制御できます。weightの値が大きい方が優先されます。レイアウトBorderのパネル。]});上記の場合、アイテムコンポーネント2よりアイテムコンポーネント3のほうがweightの値が大きいので、アイテムコンポーネント3が目一杯大きく表示されています。Ext.layout.container.Anchorこのレイアウトでは、VBoxのようにアイテムコンポーネントは縦に並びます。アイテムコンポーネントの大きさを親の大きさと相対的に指定することができるという特徴があります。レイアウトAnchorのパネル。高さ)をパーセントまたはピクセルで指定します。20%'としていますが、これは↓を意味します。-200'は↓を意味します。200pxExt.layout.container.Accordion今では当たり前となったアコーディオンレイアウトです。アコーディオンレイアウトの親コンポーネントに複数のアイテムコンポーネントを設置すると、1つだけ開くことができます。注意点としては、アイテムコンポーネントはExt.Panelでなければなりません(もしくはExt.Panelを継承したクラス)。'panel'としています。レイアウトAccordionのパネル。]});Ext.layout.container.Centerアイテムコンポーネントを親コンポーネントの中央に配置するレイアウトです。アイテムコンポーネントが複数ある場合は、最後の1つが表示されます。レイアウトCenterのパネル。今回はレスポンシブ対応を試してみます。CSSではメディアクエ...2017-06-17(ExtJS6.5)フローティングメニューの追加・weightedコンフィグ[modern]今回は小ネタ2つです。これまでmodernのメニューとい...2017-04-17レイアウト[modern]今回はmodernのレイアウトを取り上げます。(3)classicのレイアウトは最後です。(1)今回はclassicのレイアウトを取り上げます(何回かに分けます)。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。