私はクーライトタブパネルで作業しています。クライアント側からタブ変更イベントを処理したい。

私はリッチフェイスとjsfを使用しています。

<rich:tabpanel>タブの作成に使用しています。

私は4つのタブを取りました。

最初のタブでは、1 つの更新ボタンを使用できます。そのボタンをクリックすると、タブパネル全体が更新されます。tab2、tab3、および tab4 に保持されているデータはすべてクリアされます。

aspx ファイルに TabPanel を作成しました。私のコード ビハインドでは、動的に作成します: 内部のタブと、各タブの HtmlEditor です。また、各タブにリスナーを作成して、それらがアクティブ化または表示されると、そのタブの HtmlEditor がフォーカスされるようにします。

プログラムを実行すると、TabPanel にタブが作成されていることがわかります。しかし、Web ページを使用する準備が整う前に、リスナーのオブジェクト ID が定義されていないというエラーが発生します。そのため、リスナーが機能せず、ページが完全に読み込まれません。

奇妙な点は、aspx ファイルに直接タブを追加し、タブ パネルにタブを追加し、動的タブの残りの部分にリスナーをロードすると、html エディターのすべての ID が認識され、すべてのリスナーが完全に機能することです。 . 最初のタブを除いて、ウィッチにはリスナーがなく、この場合は動的に作成されませんでした。

それに関する私の理論は、HtmlEditor コントロールの ID がページに保存される前に、TabPanel のインデックス 0 のタブが Activate() または Show() のリスナーを起動するように見えるということです。

それで、私が見逃したものと、そのタブ内のコントロールのフォーカスメソッドをトリガーするタブパネルの各タブにリスナー (アクティブ化または表示) を配置するにはどうすればよいか疑問に思っています。もちろん、すべてのタブを動的に生成したいと考えています。

手伝って頂けますか ？

私が十分に明確だったことを願っています。

私のDefault.aspxページは次のとおりです。

私のDefault.aspx.csページは次のとおりです。

1 つのタブが既に読み込まれている状態でdefault.aspxを変更してみてください。リスナーは正常に動作します (ただし、すべてのタブを動的に読み込む必要があるため、もちろんそうしたくありません)。

私は次のExt.TabPanelを持っています：

これは次のようになります：

真ん中の線を下まで伸ばして、親スペースを垂直に埋めるにはどうすればよいですか？

TabPanelがロードされる方法は次のとおりですregionContent。

dom内のこの要素の高さは絶対（19px）であることがわかりますが、どこに設定されていますか？

補遺

McStretch、私layout: 'fit'はタブ自体を入れてあなたのアイデアを試しましたが、行はまだ同じ場所にあります：

ユーザーがグリッド上の行を選択したことに反応したいときは、これを使用します。

タブに同じ機能を追加するにはどうすればよいですか? このようなもの：

補遺

ありがとう@timdev、それは機能します。これがどのタブであるかを識別する方法です（単純にid、グリッドで行のインデックスを取得できたので、タブのインデックスを取得できませんでした）：

commandButton をクリックすると、いくつかの js を実行して、現在のタブ パネルを別のタブ パネルに切り替えたいと思います。私の tabPanel は switchType="client" です。

Extjs アプリケーションでは、Grid とその上に Tabs 行があります。グリッドの内容は、選択したタブによって異なります。タブに Jan-Feb-Mar-... の値があるとします。タブをクリックすると、グリッドのストアがリロードされます

質問: 1 つの共有インスタンスを持つために、12 のグリッド コンポーネントの重複を避けることは可能ですか?

ありがとう

免責事項: sencha のフォーラム、Google、stackoverflow での検索は成功しませんでした :(

次のようなタブパネルがあります。

次に、このタブパネルを作成した後、タブのコンテンツを動的に変更したいと思いますが、これらはどれも機能しません:

AJAXを介して各タブのコンテンツをロードしたいので、この質問で提案されているようにタブを動的に追加したくありませんが、タブが最初のロードから表示され、クリックされたときに各タブのコンテンツが動的に変更されるようにします.

作成後にタブのコンテンツを変更するにはどうすればよいですか?

アップデート：

私の見落としを見つけてくれた@Chauに感謝します。Ext.Panel単純なjavascriptオブジェクトリテラルの代わりにタブを作成すると、機能します:

マスター ページで Ajax TabContainer コントロールを使用しているときに、ActiveTabIndex 値が設定されたタブだけがコンテンツ ページと共に読み込まれるが、他のタブのページは読み込まれないという問題が発生します。他のコンテンツ ページを使用する他のタブをロードするために使用する必要があるプロパティまたはイベントはありますか?

お知らせ下さい！

Extjs TabPanel は、IE ではなく、autoHeight を使用して FireFox、Chrome、および Safari で動作しています。