0

幅が 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% のパネルを作成することに成功したかどうかを知りたいです。

4

3 に答える 3