2ペインのUIを作る。
2ペインのUIを作るには、Viewportを生成してレイアウトを"border"にし、右と左のパネルを設定してやります。
Ext.onReady(function(){ // ビューポート var border = new Ext.Viewport({ title: 'タイトル', layout:'border', items: [{ // 左のパネル contentEl: 'west', // 左のパネルに表示する要素のID title: 'West Panel', region:'west', margins: '5 0 5 5', cmargins: '5 5 0 5', width: 200, collapsible: true, // 表示/非表示ができるようにする split: true },{ // 右のパネル contentEl: 'center', title: 'Main Content', region:'center', margins: '5 5 5 0' }] }); });
思ったよりぜんぜん簡単。やっぱすごいなー、よくできてる。