调整尺寸时面板上的extjs 100%宽度

bihw5rsg 于 2022-09-26 发布在其他

关注(0)|答案(3)|浏览(181)

我在一个50%宽度的页面上有一个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-适合父插件&highlight=resize'>并尝试是否有效。不幸的是，它只在扩展窗口时有效，而在缩小窗口时无效。我想知道是否有人成功制作了100%宽x 100%高的面板。

extjs

来源：https://stackoverflow.com/questions/18087031/extjs-100-width-on-panel-when-resize

3条答案

按热度按时间

eeq64g8w1#

很抱歉，这个插件（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组件呈现为表，所以我遇到了这个问题。

赞(0）回复(0）举报 2022-09-26

vlf7wbxs2#

您可以使用调整大小事件函数

resize: function (component, adjWidth ) {
          console.log("resized") ;
        }

您将在这些组件adjWidth的旁边获得所需的参数，并使用该组件。使用有效的条件语句，您可以相应地设置身高和体重
您可以通过component.dom.style.height获得高度和宽度，
组件.dom.style.width

赞(0）回复(0）举报 2022-09-26

clj7thdc3#

试试这些配置
宽度：“100%”
高度：“100%”

赞(0）回复(0）举报 2022-09-26

我来回答

调整尺寸时面板上的extjs 100%宽度

3条答案

相关问题

热门标签

最新问答