0

dijit.layout.tabContainer の表示に問題があります。

プログラムで追加し、contentPane を追加すると、すべてが DOM に適切に表示されます。

JS のエラーや警告はなく、コントロールが Chrome 開発者ツールで作成されていることがわかりますが、表示されません。

tabContainer には高さと幅が指定されています。

ツンドラのテーマが使用されており、ツンドラの CSS ファイルが含まれています。

1     dojo . create( "div", { id : "clientData" }, "ctrlPanel" );
2 
3     /*
4      * Create the tab control
5      */
6     var tc = new dijit.layout.TabContainer( { style : 'width:100%, height:100%' }, 'clientData' );
7 
8     /*
9      * Add a content pane
10      */
11     var cp1 = new dijit.layout.ContentPane( {
12           title   : "Basic",
13           content : 'replace me'
14     } );
15 
16     tc.addChild(cp1);
17     tc.startup();

何か案は？

4

1 に答える 1

0

問題は、単に TabContainer のスタイル ディレクティブをセミコロンではなくコンマで区切っていることだと思います。つまり、その行を次のように変更してみてください。

var tc = new dijit.layout.TabContainer({style: 'width:100%; height:100%' }, 'clientData');

親コンテナーの 100% の幅と高さに設定しているため、ctrlPanel div にサイズがあることも確認する必要があります (まだ行っていない場合)。

于 2011-06-17T14:57:01.573 に答える