問題タブ [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.
css - タブ パネルの CSS
この写真のようなタブパネルが欲しい
ASP.NET タブ パネルに同じものを実装したいと考えています。ただし、CSS を取得した場合は、ASP.NET タブと互換性があります。
誰でもその方法、またはチュートリアルのリファレンスを教えてください。このタブ パネルの CSS が何と呼ばれているのか、私にはわかりません。
extjs - タブパネル内にデータリストをネストする
sencha touch でタブパネル内にデータリスト (twitter) をネストしようとしていますが、これを追加しても読み込まれません。これに関する任意の助けは素晴らしいでしょう
extjs - ExtJS4-Ext.tab.Panelを拡張して、高さの値が設定されないようにします
アプリケーションをExtJS3.xからv4に移行していますが、「autoHeight」プロパティが削除されたため、TabPanelで問題が発生しています。パネルの高さを明示的に定義しない場合、それは「自動高さ」であると見なされることを私は知っていますが、それはある程度真実です。
ExtJS4では、高さが設定されていないタブパネルでは、タブパネルに含まれるdivにインラインcss高さの値が設定され、これらの高さは各タブアイテムのコンテンツの初期の高さから計算されます。はい、タブアイテムの子コンポーネントの高さを更新すると、タブの高さがそれに合わせて再計算されます。または、タブに生のHTMLが含まれ、タブのupdate()メソッドを使用してそのコンテンツが変更されます。その高さは、フィットするように調整されます。
とにかく私のアプリケーションで問題があるのは、jQuery.html()などのExtJSのフレームワーク以外のメソッドを使用して、これらのタブの生のHTMLコンテンツを更新することです。このコンテンツの変更はタブパネルに通知されないため、タブの高さの値は再計算されません。
これを回避するために私がしたいのは、タブパネルの要素を含む要素が、レンダリング、再レンダリング、またはその他のときに常にheight:autoに設定されていることを確認することです。私はこれを達成するためにTabPanelを拡張する必要があると想定していますが、オーバーライドするメソッドなど、どこから始めればよいのかわかりません。何かご意見は?
gwt - 1つのtabBarItemに独自のスタイルを作成する方法は?
tabPanelの特定のタブ用に独自の.gwt-TabBarItemスタイルを作成したいと思います。しかし、スタイルを設定する方法がわかりません。
誰かがアイデアを持っていますか?
グリーツ
wpf - タブ パネル内の項目のサイズ変更 (タブ コントロール)
コントロール内のタブの数に応じて、タブ ヘッダーが正確に収まるように設定したい
したがって、1 つのタブ項目がある場合、コントロールの幅全体に拡張されます。2 つのタブ項目がある場合、それぞれがコントロールの半分の幅に設定されます。3つのタブ項目……1/3……など
それを行う方法はありますか?
asp.net - TabPanel ヘッダー テキストは青色です
ASP.NET Ajax 1.0 から 4 に更新したところHeaderText
、すべての TabPanels が青色になりました。ForeColor
とColor
プロパティを設定しようとしましたが、うまくいきませんでした。
HeaderText
背中を黒くするにはどうすればいいですか?
tabs - extjs タブのコンテンツが表示されない
以下のコードでは、activeTab を 0 に設定すると、/viewer/welcome の内容が期待どおりに表示されます。(以下のように) activeTab を 1 に設定すると、ロード時に 2 番目のタブがアクティブになりますが、最初のタブをクリックすると、コンテンツが表示されません。タブをクリックする前にタブのコンテンツをロードしているのがわかります(autoLoad: false を設定すると、まったくロードされません)が、ロードしても表示されません。
タブがアクティブ化されたときに、タブのコンテンツが実際にレンダリングされないのはなぜですか? そのタブがロード時にアクティブなタブである場合に機能するのに、それ以外の場合にアクティブ化された場合に機能しないのはなぜですか?
これらの変更を行うと、テキストは常に期待どおりに表示されますが、誤ったアクティブ化呼び出しによって余分なページが読み込まれます。
タブがこのコンテンツをタブの一部として管理していない理由がわかりません.....
ipad - Sencha にポップオーバー UI 要素を追加する方法
アプリケーションの下部に TabPanel がドッキングされています。いくつかのタブがあります。設定タブの新しいパネルを開く代わりに、ポップオーバー リストを追加したいと考えました。リスト内の項目をクリックすると、新しいパネルが開く場合と開かない場合があります。
Sencha にポップオーバーを追加する方法がわかりません。誰でも助けることができますか?
これは現在私のコードです:
設定タブ (現在のパネルではなく、ポップオーバーである必要があります) -->
メインの TabPanel (上記の設定パネルがある内部)
gwt - GWT の TabPanel で DialogBoxes を使用する方法
私は GWTを使用しており、これらのタブのいずれかでTabPanel
a を使用したいと考えています。すべてのタブにボックスが表示されるため、が に追加されたDialogBox
と思います。パネルが作成されたボックスにのみボックスを表示するオプションはありますか? または、独自のDialogBoxを作成するか、いくつかのメソッドを上書きする必要があります( ?)DialogBox
RootPanel
.show
グリーツ、デスティニー
richfaces - タブ コンテンツがレンダリングされないときに呼び出されるリッチ TabPanel のゲッター
RichFace の (3.3.3) TabPanel について質問があります。TabPanel を使用した 2 つのプロジェクトに取り組みました。各プロジェクトで、表示されていないタブにあるコンポーネントでまだ「getter」メソッドが呼び出されていることに気付きました。
たとえば、最初のタブにはデータテーブルがあり、他のタブ (ajax リクエストを含む) からリクエストが行われるときはいつでも、最初のタブのデータテーブルにバインドされている Bean のゲッターが呼び出されます。
コンポーネントがまだコンポーネント階層にあるため、(タブが現在UIにレンダリングされていなくても)これが発生すると思いますか? つまり、すべてのコンポーネントは親タブ パネルの子であるため、表示されていなくても、要求ごとに処理されます。
わかりました...私の仮定が正しい場合、使用されていないタブに対してデータ取得ロジックが呼び出されないようにする方法が必要です。ゲッターは何度も呼び出される可能性があるため、データの遅延読み込み (ゲッターにデータ取得ロジックを配置しない) に関する投稿を読みました。私はそれを守るために最善を尽くしています。私が見ている問題は、リクエストスコープで定義されたテーブル(タブ1)にバインドされたBeanがあり、ゲッターがテーブルのデータを遅延ロードしているにもかかわらず、Beanがインスタンス化され、データが他のタブからの ajax リクエストごとに (遅延して) プルされます。
RichFace の TabPanel からすべてのコンテンツを引き出して、独自のコンテンツを作成する方法を回避する方法が必要です。
テーブルセッションスコープにバインドされたBeanを作成し、ゲッターがテーブルに返すデータを「キャッシュ」しようとしましたが、問題は、タブが再びレンダリングされたときにバインドするライフサイクルメソッドがないことです(手動でタブをクリックするか、プログラムでタブを選択します)。
提案をいただければ幸いです。