問題タブ [tabpanel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2811 参照

css - タブ パネルの CSS

この写真のようなタブパネルが欲しい

ASP.NET タブ パネルに同じものを実装したいと考えています。ただし、CSS を取得した場合は、ASP.NET タブと互換性があります。

誰でもその方法、またはチュートリアルのリファレンスを教えてください。このタブ パネルの CSS が何と呼ばれているのか、私にはわかりません。

0 投票する
1 に答える
294 参照

extjs - タブパネル内にデータリストをネストする

sencha touch でタブパネル内にデータリスト (twitter) をネストしようとしていますが、これを追加しても読み込まれません。これに関する任意の助けは素晴らしいでしょう

0 投票する
2 に答える
1361 参照

extjs - ExtJS4-Ext.tab.Panelを拡張して、高さの値が設定されないようにします

アプリケーションをExtJS3.xからv4に移行していますが、「autoHeight」プロパティが削除されたため、TabPanelで問題が発生しています。パネルの高さを明示的に定義しない場合、それは「自動高さ」であると見なされることを私は知っていますが、それはある程度真実です。

ExtJS4では、高さが設定されていないタブパネルでは、タブパネルに含まれるdivにインラインcss高さの値が設定され、これらの高さは各タブアイテムのコンテンツの初期の高さから計算されます。はい、タブアイテムの子コンポーネントの高さを更新すると、タブの高さがそれに合わせて再計算されます。または、タブに生のHTMLが含まれ、タブのupdate()メソッドを使用してそのコンテンツが変更されます。その高さは、フィットするように調整されます。

とにかく私のアプリケーションで問題があるのは、jQuery.html()などのExtJSのフレームワーク以外のメソッドを使用して、これらのタブの生のHTMLコンテンツを更新することです。このコンテンツの変更はタブパネルに通知されないため、タブの高さの値は再計算されません。

これを回避するために私がしたいのは、タブパネルの要素を含む要素が、レンダリング、再レンダリング、またはその他のときに常にheight:autoに設定されていることを確認することです。私はこれを達成するためにTabPanelを拡張する必要があると想定していますが、オーバーライドするメソッドなど、どこから始めればよいのかわかりません。何かご意見は?

0 投票する
1 に答える
97 参照

gwt - 1つのtabBarItemに独自のスタイルを作成する方法は?

tabPanelの特定のタブ用に独自の.gwt-TabBarItemスタイルを作成したいと思います。しかし、スタイルを設定する方法がわかりません。

誰かがアイデアを持っていますか?

グリーツ

0 投票する
1 に答える
152 参照

wpf - タブ パネル内の項目のサイズ変更 (タブ コントロール)

コントロール内のタブの数に応じて、タブ ヘッダーが正確に収まるように設定したい

したがって、1 つのタブ項目がある場合、コントロールの幅全体に拡張されます。2 つのタブ項目がある場合、それぞれがコントロールの半分の幅に設定されます。3つのタブ項目……1/3……など

それを行う方法はありますか?

0 投票する
1 に答える
2625 参照

asp.net - TabPanel ヘッダー テキストは青色です

ASP.NET Ajax 1.0 から 4 に更新したところHeaderText、すべての TabPanels が青色になりました。ForeColorColorプロパティを設定しようとしましたが、うまくいきませんでした。

HeaderText背中を黒くするにはどうすればいいですか?

0 投票する
2 に答える
4008 参照

tabs - extjs タブのコンテンツが表示されない

以下のコードでは、activeTab を 0 に設定すると、/viewer/welcome の内容が期待どおりに表示されます。(以下のように) activeTab を 1 に設定すると、ロード時に 2 番目のタブがアクティブになりますが、最初のタブをクリックすると、コンテンツが表示されません。タブをクリックする前にタブのコンテンツをロードしているのがわかります(autoLoad: false を設定すると、まったくロードされません)が、ロードしても表示されません。

タブがアクティブ化されたときに、タブのコンテンツが実際にレンダリングされないのはなぜですか? そのタブがロード時にアクティブなタブである場合に機能するのに、それ以外の場合にアクティブ化された場合に機能しないのはなぜですか?

これらの変更を行うと、テキストは常に期待どおりに表示されますが、誤ったアクティブ化呼び出しによって余分なページが読み込まれます。

タブがこのコンテンツをタブの一部として管理していない理由がわかりません.....

0 投票する
2 に答える
1224 参照

ipad - Sencha にポップオーバー UI 要素を追加する方法

アプリケーションの下部に TabPanel がドッキングされています。いくつかのタブがあります。設定タブの新しいパネルを開く代わりに、ポップオーバー リストを追加したいと考えました。リスト内の項目をクリックすると、新しいパネルが開く場合と開かない場合があります。

Sencha にポップオーバーを追加する方法がわかりません。誰でも助けることができますか?

これは現在私のコードです:

設定タブ (現在のパネルではなく、ポップオーバーである必要があります) -->

メインの TabPanel (上記の設定パネルがある内部)

0 投票する
1 に答える
328 参照

gwt - GWT の TabPanel で DialogBoxes を使用する方法

私は GWTを使用しており、これらのタブのいずれかでTabPanela を使用したいと考えています。すべてのタブにボックスが表示されるため、が に追加されたDialogBoxと思います。パネルが作成されたボックスにのみボックスを表示するオプションはありますか? または、独自のDialogBoxを作成するか、いくつかのメソッドを上書きする必要があります( ?)DialogBoxRootPanel.show

グリーツ、デスティニー

0 投票する
1 に答える
3585 参照

richfaces - タブ コンテンツがレンダリングされないときに呼び出されるリッチ TabPanel のゲッター

RichFace の (3.3.3) TabPanel について質問があります。TabPanel を使用した 2 つのプロジェクトに取り組みました。各プロジェクトで、表示されていないタブにあるコンポーネントでまだ「getter」メソッドが呼び出されていることに気付きました。

たとえば、最初のタブにはデータテーブルがあり、他のタブ (ajax リクエストを含む) からリクエストが行われるときはいつでも、最初のタブのデータテーブルにバインドされている Bean のゲッターが呼び出されます。

コンポーネントがまだコンポーネント階層にあるため、(タブが現在UIにレンダリングされていなくても)これが発生すると思いますか? つまり、すべてのコンポーネントは親タブ パネルの子であるため、表示されていなくても、要求ごとに処理されます。

わかりました...私の仮定が正しい場合、使用されていないタブに対してデータ取得ロジックが呼び出されないようにする方法が必要です。ゲッターは何度も呼び出される可能性があるため、データの遅延読み込み (ゲッターにデータ取得ロジックを配置しない) に関する投稿を読みました。私はそれを守るために最善を尽くしています。私が見ている問題は、リクエストスコープで定義されたテーブル(タブ1)にバインドされたBeanがあり、ゲッターがテーブルのデータを遅延ロードしているにもかかわらず、Beanがインスタンス化され、データが他のタブからの ajax リクエストごとに (遅延して) プルされます。

RichFace の TabPanel からすべてのコンテンツを引き出して、独自のコンテンツを作成する方法を回避する方法が必要です。

テーブルセッションスコープにバインドされたBeanを作成し、ゲッターがテーブルに返すデータを「キャッシュ」しようとしましたが、問題は、タブが再びレンダリングされたときにバインドするライフサイクルメソッドがないことです(手動でタブをクリックするか、プログラムでタブを選択します)。

提案をいただければ幸いです。