在BorderLayout中央面板上设置minWidth?

时间:2018-07-19 15:53:54

标签: extjs highcharts extjs6 extjs6-classic

我的边框布局带有放置HighChart的中心面板。根据要加载到图表中的值的数量,我想使图表/面板宽度变大或变小。

将minWidth设置为静态配置非常棒,但是以编程方式调用setMinWidth()似乎不会立即更新。实际上,如果我不怎么触摸页面,那么滚动条似乎会在30秒后出现。有时甚至根本没有。

那么问题:是否有更好的方法来做到这一点?我应该设置宽度而不是minWidth吗?

没有帮助的事情: doLayout似乎不是问题 在面板上调用render会导致extJ抱怨ID重复

这是我正在使用的布局的精简示例:

Ext.define('Test.view.TestView', {
  extend: 'Ext.panel.Panel',
  alias: 'widget.mainview',
  id: 'testpanel',
  title: 'Test Page',
  layout: 'border',
  scrollable: 'true',
  initComponent: function () {
    this.items[1] = {
      xtype: 'chart-type',
      region: 'center',
      layout: 'fit',
      bind: {
        stuff: '{things}',
      }
    };
    this.callParent(arguments);
  },
  controller: 'mainview',
  viewModel: 'vm',
  items: [{
    xtype: 'my-form',
    region: 'west'
  }]
});

这些布局问题一如既往地使我成为一个疯狂的人。非常感谢您的帮助。

谢谢

0 个答案:

没有答案