幅が 50% のページに 1 つの div があります。renderTo を使用してこの div にパネルをアタッチしましたが、ウィンドウ サイズを変更すると、パネルのサイズが変更されず、元のサイズが維持されます。
var vp = Ext.create('Ext.panel.Panel',{
plugins : ['fittoparent'],
height: 400,
layout: 'fit',
flex:1,
renderTo: Ext.get("scheduler-container"),
items:[
{
xtype: 'resource-list',
layout : 'fit',
resource: resourceResponse,
event: eventResponse,
serverDateFormat: serverDateFormat,
startViewRange: startDate,
endViewRange: endDate,
readOnlyView: true,
showCurrentTime: true,
dateToScrollTo: now,
getEvents: ResourceScheduler.getAllEvents,
getResources: ResourceScheduler.getResources,
timeZoneOffset: timeZoneOffset
}
]
});
http://www.sencha.com/forum/showthread.php?28318-Fit-to-parent&highlight=resize'>プラグインに出会い、動作するか試してみました。残念ながら、ウィンドウを拡大する場合にのみ機能し、ウィンドウを縮小する場合には機能しません。誰かが幅 100% x 高さ 100% のパネルを作成することに成功したかどうかを知りたいです。