問題タブ [tabpanel]

私は Sencha Touch を学ぼうとしてきましたが、おそらくかなり明白なことに行き詰まっています。ボタンイベントで tabPanel を更新しようとしています。最初のボタンをタップして、同じパネルに「maptestPanel」をロードしたいと思います。これは、独自の js ファイルからロードされたマップです。

マップ パネル自体は問題ないように見えます。

しかし、タブパネルに適切に配置する方法がわかりません

コードは次のとおりです。

アドバイスや正しい方向への舵取りをありがとう。

この質問にはすでに答えがあると確信していましたが、何時間もかけて探しましたが、運が悪かったです。

これが私の基本設定です。

新しいタブを動的に追加するとき、タブを「パネル 1」や「パネル 2」のように「パネル」div 内に表示したいと考えています。

ただし、「タブ 3」(下記参照) を動的に追加すると、「パネル 3」はパネル タブの内側ではなく下に追加されます。

新しい「パネル 3」パネルを「パネル」div に追加するにはどうすればよいですか?

添付の画像では、グリッドが正しく表示されていません。グリッドはタブパネル内にあります。タブのレイアウトは = 'fit' です。

動作の原因となっている設定エラーは何ですか? 編集: タブパネルのクラス定義は次のとおりです: 私たちのタブは「外部 ID」と呼ばれるものです

with tabPage2 ボタン、ラベルを使用してデザインモードで作成しました... Doubleclick ListViewItem イベントが発生したときに、このコードを使用して新しいタブを追加します。しかし、一度ダブルクリックすると正しいボタンが実行され、もう一度クリックすると、このタブは白になり、何も含まれず、前のタブは同じです。

ExtJSフレームワークを使用して構築されたWebアプリがあります。

西のパネルには木があり、中央のパネルにはTabPanelがあります。西のパネルのツリーのノードのいずれかをクリックすると、中央のTabPanelにフォームを追加しようとしますが、次のコードが呼び出されます。

これにより、現在のコンポーネントが取得され、ロードしようとしているタブが存在するかどうかが確認されます。存在する場合は、そのタブがアクティブ化されます。存在しない場合は、新しいタブが追加されます。OpenNewは、新しいタブで開く必要があるかどうかを示すために渡されるフラグです（たとえば、ユーザーがツリー上のノードをCtrlキーを押しながらクリックした場合）。

OpenNew機能を使用しなくても（たとえば、タブが1つしかない場合）、フォームは正しく機能し、タブが正しく削除/再追加された状態でノード間を移動できます。

ただし、Ctrlキーを押しながらノードをクリックして2番目のタブを開くと、最初はタブが開くので2つのタブがありますが、別のノードを選択すると（つまり、最近追加した2番目のタブを削除して、新しいノードの新しいタブ）2番目のタブを閉じるだけですが、新しいタブの追加に失敗します。

タブが1つしかないのにタブを追加/削除しているので、その背後にある理由はわかりません。

FireBugにエラーがありますが、あまり役に立ちません。

-----------更新： --------------

これはdoLayout（）呼び出しと相関しているようです-remove（）呼び出しの直後にdoLayout（）呼び出しを配置すると、add（）呼び出しほど太くなりません。また、.add（）の後に配置すると次に呼び出すと、新しいタブが半分読み込まれますが、完了する前に停止します。

両方の後にdoLayout（）呼び出しがある場合、それは少し良く機能し、2つの機能するタブを持つことができますが、3番目のタブを追加しようとすると、上記と同じ動作が表示され、3番目のタブが閉じて新しいものを再開しません。

gxt を使用してユーザー インターフェイスを実装しています。私はTabPanelを持つmainFormクラスを持っています。TabPanel にはいくつかの TabItem があります。orderManagmentTabItem に ContentPanel があります。

Autozise を orderManagmentTabPanel に設定したいのですが、これはできません。orderManagmentTabPanel クラスに setAutoHeight(true) と setAutoWidth(true) を記述しましたが、アプリを実行すると orderManagmentTabPanel が空です。OrderManagmentTabPanel のコピーを作成した後に autosize を設定しようとしたよりも

しかし、助けにもなりませんでした

また、ContenPanel なしで TabItem クラスを実装し、それを mainFormTab に追加しようとしましたが、うまくいきませんでした。

TabItem を自動サイズにするにはどうすればよいですか?

どうも

もう一度アロハ、そう。

私は、フロントエンド作業のためのほぼすべての ExtJS であるプロジェクトに取り組んでいます。私はバージョン 4.0.0 を使用していますが、これは知っておく必要があると思います。次のようなコードがあります。

それらのいくつか

ここでの大きな問題は、イベントを実際のタブにバインドできるようにする必要があることです。イベントをタブ パネルとタブ バーにバインドできることは認識していますが、実際にはクリック イベントをパネル内のタブの 1 つにバインドする必要があります。私はこれに沿って何かを試しました:

ただし、問題は、私が知る限り、実際のパネル自体にバインドされ、タブバーのタブにはバインドされないことです。興味深いことに、機能に関する限り、実際のパネルにバインドすることさえありません。コンソールのログ情報が表示されないためです。

いずれにせよ、イベントをタブに直接バインドする方法を知っている人はいますか? または、タブに直接アクセスする方法さえありますか? 私は ExtJS API ドキュメントをふるいにかけましたが、まだ何も見つかりません。:D

明確にするために、タブの変更にフックしようとしているわけではありません。タブをクリックする実際のクリックイベントにフックしようとしています。マウスの中ボタンがクリックされているかどうかを確認して、そうであればタブを閉じることができるようにするためです。

TabPanels が期待どおりに生成されましたがXTemplate、パネルの 1 つに を挿入してから を呼び出すとcontent.update(myArray);、パネルが動かず、ボタンが機能せず、テンプレートが機能しません。レンダリングしません。

誰が私が間違っているのか教えてもらえますか?

ケースは次のとおりです。別のページ（同じドメイン）を指す

ページがあります。このページは、いくつかのタブを含むレンダリングを行うスクリプトをロードするためにポイントしています。したがって、ページが最初に読み込まれるとき、これらのコンポーネントは適切に、素晴らしく、シンプルにレンダリングされます。ただし、問題は、JavaScriptイベントまたは手動クリックによってのタブのいずれかがアクティブ化されると、領域全体が空白になることです。サーバーに（アクティブ化イベントの）適切な要求が発行され、適切な応答で戻ってくるのがわかります。UIが消えて、何も表示されないだけです。iFramesrcaspxiFrameExt.TabPanelTabPaneliFrameiFrameまったく、それはすべて空白です。奇妙なことに、開発者ツールを開いて、関連するCSSの任意の部分に変更を加えると、ブームになります。もう1つの奇妙なことは、これがIEでのみ発生することです。FFでは、すべてのものが魅力として機能します。何か案は？ありがとう

sencha touch で TabPanel を常に「左」にスライドさせる方法はありますか?