問題タブ [tabpanel]

Flex 4 で垂直タブを使用したいと考えています。片側に垂直リストを配置することで、これを実装し始めました。リストの選択で、ビュー スタックの選択インデックスを更新しています。これにより、垂直タブの機能が提供されます。

私の問題は、ルックアンドフィールです。水平タブ バーと同様のルック アンド フィールのリストを取得するにはどうすればよいですか? スキンをオーバーライドする場合ですか？

この投稿を見つけました：

<s:TabBar /> を垂直にする方法はありますか?

垂直タブを実装します。これに関する私の問題は、タブにテキストが表示されないことです。問題は、これがもともと flex 2 用に書かれたことだと思います。私は flex 4 を使用しており、このコンポーネントを

どんな指針も素晴らしいでしょう。

ありがとう

タブのすぐ横にテキストヘッダーがあるTabPanelを作成しようとしています。つまり、代わりに

|Tab1|Tab2|Tab3|Tab4|、 が欲しいですText Here |Tab1|Tab2|Tab3|Tab4|

テキストをタブとして選択できないようにする必要があるので、これを行うにはどうすればよいですか？

現在、私のTabPanelは次のとおりです。

真のタブではないアイテムを追加するにはどうすればよいですか、または少なくともアクティベーションを無効にするにはどうすればよいですか？

作成中のMVC Sencha Touchアプリケーションがあり、TabPanel を正しく機能させるのに問題があります。問題はこれです。PosViewport.js をこのようにすると、すべて正常に動作します。

ここでは、すべてが素晴らしいです！タブ バーは下部に表示され、ぴったりと収まり、2 つの間を問題なく切り替えることができます。

ただし、これらのパネルを PosViewport.js ファイル内に保持する代わりに、2 つの個別のファイルに移動しましょう。

View1.js:

および View2.js:

両方の新しいビューを index.html に追加します。ここで、新しいビューを指すようにPosViewport.js を更新します。

そして、それはすべて地獄に行きます。上部のごく一部しかページに表示されないため、下部タブ バーは表示されません。パネルがまったく表示されず、HTML コンテンツがまったく表示されません。

ここで何が起こっているのですか？なぜこのような振る舞いをしているのか、私にはまったくわかりません。正しい方向へのポインタは大歓迎です、ありがとう!

私はシンプルなタブパネルを持っています。現在アクティブなタブの子コンポーネントを取得して破棄したいdoLayout(). 次のコードは機能しません。

アイテムのリストがあります。特定のリストアイテムをクリックすると、そのアイテムの詳細が表示されます..問題があります。最初のアイテムをクリックすると正しい結果が表示されますが、次のアイテムをクリックすると、その特定のアイテムの詳細が表示されますが、古いアイテムの詳細を表示しています。これは私のコードです

タブパネルをクリアするには？前もって感謝します

タブ「従業員リスト」「従業員の追加」「従業員の編集」を備えたAjax TabPanelがあります

従業員リストタブで、 gridviewを使用して従業員のリストを表示し、同じタブに従業員の詳細を表示するリンクボタンと従業員を削除する「Del」ボタンを表示します。うまくいきましたが、コントロールを2番目のタブ「従業員の追加」に検証コントロールとともに追加したとき。タブ1のこのグリッドビューの後、2番目のタブで検証がトリガーされるため、機能しません。

タブ 1 のコントロールによってトリガーされるこの検証を停止するにはどうすればよいですか

以下はコードです

私は MVC と jQuery を初めて使用し、jQuery タブ パネルに新しいタブを追加する際に問題があります。

2 つの部分ビューを含む ASP.NET MVC3 ビューがあります。1 つ目は検索フォームで、2 つ目は検索結果を表示します。

ここで、検索結果をタブ パネルのタブに配置する必要があります。このプロジェクトの後半では、次のように動作するはずです。ユーザーがいくつかのキーワードを検索すると、新しい検索ごとに新しいタブがタブ パネルに追加されます。このようにして、ユーザーは以前の検索に切り替えることができるはずです。しかし、私はまだここまでではありません。

私が最初に試みたのは、検索結果を含む単一のタブを持つ静的タブ パネルをページに追加することでした。これはかなり簡単で、問題はありませんでした。次に試みたのは、ユーザーが検索フォームの送信ボタンをクリックするたびに、静的コンテンツ (「Hello World」) を含む新しいタブをタブ パネルに追加することでした。しかし、これは実際には機能しません:

タブパネルに新しいタブが追加されていることがわかります。ただし、1 秒未満です。検索結果が表示されるとすぐに、新しいタブが消えます。部分ビューをレンダリングすると、jQuery/JavaScript による変更が上書きされるようです。

これはビューです (_SearchInputは検索フォーム_SearchResultsの部分ビュー、 は検索結果の表示に使用される部分ビューです):

_SearchInputドキュメントの準備ができたらタブを追加し、フォームの送信ボタンがクリックされたときに呼び出しますsearchClick。

これが私のシナリオです。

私の GWT ページには、TabPanel があります。データが取り込まれると、かなり長くなる可能性があります。ブラウザーは、ページを長くすることで応答します。もちろん、これによりブラウザの垂直スクロール バー ハンドルが縮小され、ブラウザのウィンドウに表示されるページの割合のみが反映されます。

ここで、TabPanel をプログラムで表示から削除すると、GWT 要素のサイズが期待どおりに小さくなりますが、ブラウザー ページは同じサイズのままです。これにより、ユーザーがスクロールできるページの下部に大量の未使用の空白が残ります。また、スクロール バーのハンドルも小さいままです。

私が望むのは、タブ パネルを削除したときに、現在表示されているコンテンツに合わせてブラウザ ページを縮小することです。

この動作は IE でのみ発生します。Firefox では、ページとスクロール バーが適切にサイズ変更を処理します。

これに対処する方法についてのアイデアはありますか?

3.x では、TabPanel の「autoHeight」プロパティを設定するだけで、これを行うのは非常に簡単でした。「defaults」構成を介してその子項目についても同じことを行います。ただし、4.x でこれを実現する方法はまだ見たことがありません。タブはコンテンツの初期の高さに合わせてサイズ調整されますが、初期化後にコンテンツの高さが何らかの理由で変更された場合、タブのコンテンツは非表示/スクロールされます。

私はすでにいくつかの検索を行いましたが、このテーマに関する sencha の公式フォーラムで最も一般的に提案された解決策は、tabpanel の親コンテナーのレイアウトを「フィット」として構成し、align を「stretch」などに設定することでした。しかし、私の場合、TabPanel は子ではありません。別のExtコンポーネントの場合、ページの本文のどこかにあるストレートな非ext生成が「renderTo」されるため、これらのソリューションは適用されません。

何か案は？

リストからリストを呼び出したい。データサイズが大きすぎるため、ネストされたリストを使用したくありません。

onItemDisclosureで新しいリスト/カード/パネルを呼び出すにはどうすればよいですか？それはどのように機能しますか？

ありがとうございました。