問題タブ [tabcontainer]

TabContainer(Ajax Control Toolkit からの) コントロールを含むページがあり、現在選択されているタブに応じて、ページ上のいくつかの要素の表示を切り替えます。私はこれをOnClientActiveTabChanged(正常に動作する) のイベント ハンドラーで実行していましたが、ポストバック後にページが間違った状態のままになることがわかりました。インデックスを取得するためにイベント ハンドラーにコードを追加しようとしましたdocument.readyが、次のようにすると:

....controlプロパティで null 参照例外が発生します。のクライアント側の「準備完了」イベントをフックする方法はありTabContainerますか?

私は通常の DOM 要素のイベント ライフサイクルに詳しくありません (一般的な onload イベントがあるはずですが、見当たりません)。簡単に処理できるイベントがない場合はUpdatePanel、アクティブなタブ インデックスを取得する onclick イベント ハンドラーを使用して、UpdateMode=Conditional と非表示のボタンを指す AsyncPostBackTrigger を追加するとうまくいくように見えましたが、 DOMがすでに公開していると私が期待する何かのための多くの動く部分のようです.

dojoタブコンテナを使用して、タブがアクティブかどうかをどのようにテストしますか？（JQueryではこれは簡単です...次のようなものを使用できます

dojoのdijit.layout.TabContainerを使用すると、litener関数やそのすべてのジャズを作成しなくても、同様の方法でそれを実行できる必要があります。

おそらく...

前もって感謝します！

さまざまなタブ (ContentPanes) を持つ TabContainer があります。ユーザーがツリーから何かを選択すると、各タイプを動的にロードします。新しく読み込まれた ContentPane/Tab で特定の JS 関数を実行できるようにしたいと考えています。したがって、この形式の何か：

ただし、新しくロードされた ContentPane/Tab でのみこれを処理したいので、ContentPane/Tab Dojo オブジェクトが与えられた場合、そのコンテンツに対してのみ forEach/query を実行するにはどうすればよいでしょうか?

ありがとう

いくつかのTabPanelを備えたAjaxToolkitTabContainerコントロールがあります。各TabPanelには、いくつかの情報を表示するための異なるUserControlがあります。これらのUserControlの一部には、コマンドボタンを含むLinkBut​​tonまたはGridViewがあります。TabContainerにはAutoPostBack="false"ありますが、これを維持したいと思います。

GridViewのLinkBut​​tonまたはコマンドボタンをクリックすると、予期されるイベントが発生し、コードが実行されます。ただし、ページが返されると、最初のタブが再度選択されます（ユーザーが以前に表示していたタブではありません）。

だから私の質問は：いくつかの子コントロールがポストバックを引き起こしたときに選択されたタブを維持する方法はありますか？

いくつかの制約：

• 電源を入れる方法はありませんAutoPostBack。これは、この質問の質問に対するリンクされた解決策がこの場合は良くないことを意味します。
• UserControlsはTabContainer/TabPanelで常に使用されるとは限らないため、ソリューションはこれが当てはまると想定することはできません。
• このコードにはさまざまな開発者が取り組んでいる可能性があるため、ソリューションはかなり堅牢でわかりやすいものである必要があります。

dijit.layout._LayoutWidget、dijit._Container、および dijit._Templated から継承するテンプレート化されたカスタム ウィジェットがあります。これにより、ウィジェットにサイズ変更などのネイティブ ウィジェット サポートが提供されます。必要なのは、ウィジェットのサイズに合わせたサイズの TabContainer だけです。 . これが私のウィジェットです。

すべて問題ないように見えますが、奇妙な TabList が表示されます。

問題を調べました。ウィジェットと TabContainer のすべての部分に正しい幅と高さの値があります。タブリストのみが長い幅 (50'000 ピクセル幅) です: http://bugs.dojotoolkit.org/ticket/10495のような同様の問題について読んだことがありますが、私の場合、すべての要素が正しいです幅と長さ。tablist がこの長い幅を取得する方法がわかりません。

style="width:100%;height:100;" を追加および削除する多くの方法も試しました。親コンテナとその親の場合。しかし、どの構成も問題を解決しませんでした。

この問題を解決する方法はありますか?

iFrame を持つ aspx ページがあります。iFrame のソースを別の aspx ページに動的に設定します。このページには、Label と、3 つのタブのそれぞれにいくつかのコントロール (テキスト ボックス) を持つ TabContainer しかありません。

開発ボックス (F5) でサイトを表示すると、すべてがうまく機能します。苦情はありません。

問題は、サイトを公開して表示しようとしたときです (任意のブラウザー)。aspx ページは問題なく iFrame に読み込まれますが、2 番目のタブをクリックすると、すべてのコントロールが表示されません。3 番目のタブをクリックすると、これらのコントロールは表示されますが、タブ自体が消えてしまいます。そのため、ユーザーは立ち往生したままになり、仕事をすることができません。

何が起こっているのでしょうか？

ありがとう、

ジェイソン

PS -- 念のためのコード:

私は多くのタブで Ajax TabContainer を使用しており、ブラウザーとして IE を使用しています。動的に作成および追加されるタブの 1 つで、いくつかのグラフを表示しています。一部のグラフが表示されない場合があり、タブを変更するか、マウスで領域を選択すると、グラフが表示されます。

この問題は本番環境のみに存在するものであり、つまり開発環境では問題ありません。

助けてくれてありがとう。

TabContainerのタブをプログラムで選択するにはどうすればよいですか？また、選択したタブを取得するにはどうすればよいですか？

テストには IE と Firefox の両方を使用しています。Dojo addOnLoad は両方のブラウザーで機能しますが、Firefox では DojoTabContainerが初期化される前に起動します。IEの場合、正常に動作しています。この問題を回避する他の Dojo / Javascript / jQuery メソッドはありますか?

脚本

タブコンテナ

あるタブパネルから別のタブパネルへのクリックと移動を無効にしたい。ここhttp://www.eldan.co.il/en/ のように、ユーザーは別のステップを選択できません。私はこのようなことを試しました

if (Tabs.ActiveTabIndex == 0) { Tabs.Tabs[1].Enabled = false; }

しかし、それはタブを隠します...