Question

我在页面中有一个div，宽度为50％。我使用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'>plugin并尝试了它是否有效。不幸的是，它只适用于扩展窗口，但不适用于缩小窗口时。我想知道是否有人成功完成制作100％宽x 100％高的面板。

Answer 1

很抱歉这个插件（http://www.sencha.com/forum/showthread.php?28318-Fit-to-parent&highlight=resize）确实有效。我已经像这样设置了我的页面

<table>
<tr> 
<td style='width: 50%'>
  <div id='scheduler-container'></div>
</td> 
<td style='width: 50%'></td>
</tr>
<table>

但是用div替换表后它才有效！所以在修改后它看起来像这样

<div class='float-left'>
<div id='scheduler-container' style='width:50%'></div>
</div>
<div class='float-left' style='width:50%'>
</div>
<div class='float-clear'></div>

我希望这对某些问题有用。我不经常使用表，但是一些salesforce ui组件呈现为表，所以我遇到了这个问题。

Answer 2

尝试使用这些配置

宽度： “100％”

高度： “100％”

调整大小时，面板上的extjs为100％宽度

2 个答案: