問題タブ [tabcontainer]

DOJO にはいくつかの癖があるようです。特に、ページの読み込み時に TabContainer を非表示にする必要がありますが、ユーザーがボタンをクリックすると表示されるようになります。私が最初に試したのは、style.display = "none" を設定して開始し、次にクリックイベントで style.display = "block" を設定することです。残念ながら、これは部分的にしか機能しません。ページは目に見えないボックスを適切な場所/寸法にレンダリングしますが、実際のコンテンツはレンダリングしません。ボックスの内容は、他の何かによってトリガーされた場合にのみレンダリングされます (たとえば、別の FF タブに移動するか、firebug を一時停止/再開すると、ボックスがレンダリングされます)。

style.display プロパティがページの読み込み時に表示されるように設定されている場合、すべてが正常に機能します。表示プロパティを切り替えると、タブコンテナを適切に表示または非表示にできます。しかし、ページの読み込み時に「なし」に設定されていると、うまくいきません。

HTML で style.display プロパティを "" に設定し、すぐに Javascript で "none" に設定するという回避策を試みましたが、それでも失敗します。これには 1 ～ 2 秒かかる場合があります)。

一部のサンプルコードを削除:

HTML:
<div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:500px; height:100px;display:none;">
</div>

次に、ユーザーがクリックしたときにタブを表示するJavascript：

表示された状態で開始せずに TabContainer を動的に表示/非表示にするにはどうすればよいですか?

私が行っている小さなプロジェクトがあり、そのために Dojo を使用しています。現時点では、すべてを適切にロードすることはできません。Tundra テーマを使用しようとしています。

基本的に、問題は TabContainer にタブがなく、sans-serif ではなく serif フォントがあり、非アクティブなタブに ContentPanes を隠すのではなく、その中にすべての ContentPanes を表示することです。セリフの問題は、私が作成しようとしている他のすべての Dijit 要素にも当てはまりますが、Dijit フォーム要素は少しうまく機能しているように見えます (フォントが正しくないこと、スタイルが正しいこと、および検証やその他の凝ったものがうまく機能することを除けば)。

他の Dijit テーマを使用すると同じ問題が発生しますが、TabContainer の境界線の色はテーマごとに変化するため、Dijit テーマが正しく読み込まれている可能性があります。しかし、Dojo は Dijit 要素を正しく作成しているように見えますが、さらに下にある Firebug の出力を見るとわかります。

Dojo 1.3.2 の dojo、dijit、および dojox ディレクトリーの完全なコピーが js/dojo にあります。リンクされたすべてのスタイルシートとスクリプトは最初に読み込まれ、それらへのパスは正しいです (js の警告ボックスと css のボディカラーの変更をテストして確認しました)。

index.html

js/script.js

Firebug を確認すると、次のように表示されます (私の目には、そうであるように見えます)。

(Firefox および Chrome での) 実際の出力は、テーマ付きの境界線を持つボックス (TabContainer) です。TabContainer にはタブがなく、両方の ContentPanes が同時に表示されます (両方ともセリフ フォントを使用)。

私が無駄に試したこと：

• init 関数の最後で dojo.parser.parse() を実行する
• 他の Dijit を試しています。それらは、部分的にロードされているように見えるという点で同様に動作します。すべての Dijit には、サンセリフではなくセリフ フォントがありますが、フォーム要素とダイアログは両方とも、正しくないフォントとは別に正しく表示されています

前もって感謝します、これは私を狂わせています。

私は ajaxcontroltoolkit を使用しており、タブ変更イベントでいくつかの関数を呼び出そうとしています。

OnClientActiveTabChanged 関数から複数の js 関数を呼び出したいのですが、エラーが発生し続けます

更新、これは基本的なアラートステートメントでも発生することに気付きました..

問題を与える行：

次のコードは、IE8、Safari 4.0.2 では機能しますが、Firefox 3.5.5 では空のページが生成されます。何か案が ？

IE7 で水平方向ではなく垂直方向にタブを表示する tabcontainer に問題があります。Firefox 3.5 は問題ありません。

私のセットアップは次のとおりです。タブコンテナには5つのタブが含まれています。タブ コンテナには、カスタム CSS ファイルによって定義された CSS があります 各タブには、新しいタブ コンテナを含めることができます この「内部」タブ コンテナは、デフォルトの tundra css スタイルを使用します。

「内側」のタブ コンテナーは正常に機能し、タブを水平に表示しますが、「外側」のタブ コンテナー (カスタム CSS を使用) はそうではありません。ツンドラ スタイル シートから関連するスタイリングをコピーするだけでよいので、この問題を解決するのは簡単だと思いました。残念ながら、これはうまくいかないようです。計算されたcssの表示値を内側と外側のすべてのタブで確認したところ、一致しているので、少し途方に暮れています.

誰かが以前にこの種の問題を抱えていましたか?

ああ、もう 1 つややこしい問題があります.........「display: inline-block;」を適用しない場合 .dijitTab に Firefox でも同じ問題が発生します。

私は次のhtml/Javascriptを持っています：

http://pastie.org/782618

そして、タブ用の次のZend PHPコード：

http://pastie.org/782620

2番目のタブ（イベント情報2）にリンクしたいと思います。可能であれば、最初のタブにボタンを配置して、クリックすると次のフォームに移動できるようにしたいと思います。それが不可能な場合は、ページが更新されない限り、2番目のタブへのリンクを作成することもできます（失われる必要のないフォームのコンテンツがあります）。

私の現在のタスクは、データオブジェクトのコンテンツを表示するASP.NETページです。そのオブジェクトのプロパティの1つは、名前付きリストのリストです。不透明にするために、これをaと呼びましょうCompany。これには、名前付きの場所のリストがあり、各場所は（のみ）従業員のリストに関連付けられています。

重要な場合Companyは、このプロパティを次のように実装しますか？

これらのリストはそれぞれ、非常に簡単に表示できますGridView.。私が欲しいのは、すべてをに入れて、各グリッドをTabContainer個別に含めることです。TabPanelタブとグリッドは互いに同一であり、各タブの名前は関連する辞書キーになります。

これを行う良い方法はありますか？

私が最初に考えたのは、を使用するRepeaterことでしたが、中に入れることはできませんTabContainer。パーサーはそこで何をすべきかわかりません。

したがって、プログラムでタブを作成する必要があるようです。けっこうだ。可能であれば、個々のグリッドコントロールを作成し、それらのすべてのプロパティをプログラムで割り当てる必要はありません。

私が得た提案の1つは、サブクラスTabPanel化してユーザーコントロールのように機能GridViewさせ、データバインディングを渡す方法を知っていることです。しかし、それをどうやって行うのか、あるいはそれがうまくいくかどうかはわかりません。TabPanelコントロールをサブクラス化する方法は知っていますが、ユーザーコントロールのように、のように動作し、コントロールを含めることができるとは思いません。

考え？入力？より良いアイデア？

Visual Studio 2010 RC1 にアップグレードしたところ、突然タブコンテナ内のコントロールがデザイナー ファイルから消えてしまいました。

実際、最初はすべてうまくいったように見え、プロジェクトはうまくコンパイルされましたが、ページのマークアップに変更を加えてタブコンテナ内のコントロールのコードをビルドするとすぐに消え、次のようなエラーメッセージが表示されました

tabcontainer が Visual Studio 2010 に変更されているかどうか、またはこれが単なるバグであるかどうかを知っている人はいますか?

前もって感謝します。

問題を解決しようとしています。ページに ASP.NET Ajax の TabContainer があります。また、各タブには、バインドされたオンロードを取得する gridview コントロールがあります。ただし、何らかの理由で、ページのレンダリング後にブラウザが自動的に閉じられます。TabContainer を削除すると、正常に動作します。私のコードのどこにもスクリプトブロックを登録していないので、バインディングコードはブラウザを閉じることには決して影響しないと思います。

また、注目すべきことの 1 つは、これが IE 8 でのみ発生することです。Firefox やその他のブラウザーでは問題なく動作します。

誰かが以前に同様の問題に遭遇したかどうかはわかりません。

ありがとう...

どんな助けでも大歓迎です。

AJAX タブコンテナ内のコードをどのように参照しますか? 簡単な方法はありますか？日付ピッカー スクリプトを使用していますが、AJAX タブ コンテナー内のカレンダーを参照するのに問題があります。これにより、見つけることができないという問題が発生します。動作しません

tabcontainer の外側にある他のすべてのカレンダーは、問題なく参照できます。いえ