アコーディオンのレイアウトは、1つのパネルしか表示されないが、アコーディオンパネルでは2つのパネルが表示されるようにしたいと思っています。Extjsアコーディオンのレイアウト
答えて
既存のAccordionLayoutではできないと確信しています。
独自のレイアウトクラスを作成してそれを行うことができます。それほど難しいことではないが、AccordionLayout.jsはほんの数ページしかなく、そのほとんどはコメントである。
私はちょうど既存のクラスでは不可能ではなく、2つのパネルの動作は未定義です。私は空間をどのように分けるのでしょうか? – NT3RP
あなたが探しているものを達成するために、既存のAccordionレイアウトクラスを拡張することはできません。ソースコードを読むと、FitLayoutを拡張してアコーディオンレイアウトが作成されていることに気づくでしょう。今、私はFitLayoutのプロパティは、マニュアルに記載されている引用:
これは は が自動的 レイアウトのコンテナいっぱいに拡張することを単一の項目が含まれているレイアウトの基本クラスです。
ドキュメント、さらにこう述べています。
コンテナは複数のパネルを持っている場合は、 最初のものだけが表示されます。
ここで質問者は、2つのパネルを同時に表示することを求めています。これは、FitLayoutから拡張されたレイアウトでは不可能です。
その他の問題:
質問者が実装することを計画しているコンポーネントを持ついくつかの設計上の問題があります。
- 現在表示されているパネルにはどの程度のスペースが必要ですか?
- アコーディオンの動作はどのように機能しますか?ユーザーが3番目のパネルにアクセスしようとすると、現在開いているパネルはどのように動作しますか。
考えられる解決策:今
、一つの可能な解決策は、VBOXレイアウトでパネルを拡張し、その中にすべてのパネルを持つことです。
アコーディオンレイアウトはそのために設計されていません。要件に合わせてレイアウトに合わせて選択するのは、四角形に球を合わせようとするようなものです。
しかし、私の頭に銃を置くと、私はすぐに次のオプションについて考えることができます。
- (ベースはそのの設計ではありませんので破棄。)(は別に実装から、あなたはアブデルOlakaraは、あなたの自己、問題を言及した答えなければならない)、独自の魔法アコーディオンを書く
- 既存のアコーディオンクラスを拡張
- 2つ以上のアコーディオンを積み重ねることで、目的の動作を模倣します(偉大なアイデアではありませんが、銃は私の頭の上にあります)。
Ext js 4.1では、アコーディオンレイアウトのプロパティmulti
を使用することができます。
チェックここdocs ..
文書は簡潔にする。 '' multi:true''では十分ではありませんが、それを動作させる方法をまだ推測できません。 –
- 1. extJsの列レイアウトの問題
- 2. ExtJSには4コンポーネントのレイアウト
- 3. ExtJs 4アコーディオンのヘッダーの高さを変更する方法
- 4. ExtJSの列レイアウトの列の高さ4
- 5. extjs 4.0.0の境界線レイアウトのグリッド?
- 6. ExtJS vboxレイアウトの自動高さ
- 7. アコーディオン内のアコーディオン
- 8. スクロール可能なExtJS駆動レイアウト
- 9. extjsレイアウトをhtml divに変換
- 10. angular2のアコーディオン(ng2-アコーディオン)
- 11. アコーディオンの中に入れられたアコーディオンのアコーディオン
- 12. は、レイアウトの境界線にアイテムを追加 - ExtJSの
- 13. 別のアコーディオンのアコーディオンの折り畳み
- 14. アコーディオン
- 15. アコーディオン
- 16. Extjs:カスタムメニューの作業レイアウトを定義する方法
- 17. jqueryのUIタブ&アコーディオン、triggerHandlerは(「変更」)アコーディオン
- 18. ExtJS 3.2:レイアウト "境界線"で中央パネルを非表示
- 19. ExtJSレイアウト、水平方向に垂直方向に伸びる
- 20. jQueryのアコーディオン
- 21. jQueryのアコーディオン
- 22. Javascriptのアコーディオン
- 23. NativeScriptのアコーディオン
- 24. Sencha touchのアコーディオン
- 25. jQueryのアコーディオンは
- 26. angularjsのアコーディオン
- 27. アコーディオンのJqueryイベントハンドラ
- 28. アコーディオンのブートストラップナビバードロップダウン
- 29. アコーディオンをアコーディオンに作成する
- 30. ExtJSの)(ExtJSの6.5.0では
16の質問とゼロを受け入れましたか? – Upperstage
私は**上段**に同意します。私たちはあなたの質問に答えるのに時間を費やすのはなぜですか?そうすることで私たちに報いるつもりはないようです。 – Chau
Ok、私のためにそれを答えることを考慮してください;) –