0

Jquery UI タブ ウィジェットに 3 つのタブがあります。タブ内で Wijmo Grid を作成しています。各タブに 1 つ。Grid も Jquery UI に基づいています。最初のタブのグリッドは問題ないようです。2 番目と 3 番目のタブ (非表示のタブ) のグリッドには、奇妙なサイズの問題があります。1 つのグリッドは、幅約 10 ピクセル、高さいっぱいに表示されます。3 番目のタブにあるものは、約 50 x 50 ピクセルで表示されます。

これらのタブのコードが問題ないことはわかっています。これは、そのうちの 1 つをプライマリ タブにすると正常に動作し、他の 2 つが壊れているためです。つまり、Jquery UI Tabs ウィジェットとタブのコンテンツ (Wijmo Grid) の間のある種の相互作用だと思います。この奇妙な相互作用の原因と、それを予測どおりに機能させるために私ができることを誰か知っていますか?

4

1 に答える 1

1

グリッドは、初期化時にサイズ計算を行います。その際、何らかの方法で表示する必要があります。

class="ui-helper-hidden-accessible"レンダリング時に追加して画面外にすることができます。

グリッドを初期化してからウィジェットを初期化してください。$("#grid").wijgrid("doRefresh");または、それが含まれているタブがアクティブになったときに 呼び出すことができます。

于 2011-12-01T21:55:08.037 に答える