Question

我有一个包含多个（最多10个）属性网格的手风琴布局的面板。

当存在几个属性网格项并且面板中有空间来展开它们时，这可以正常工作。但是，如果面板充满折叠网格，则无法展开。手动增加面板的高度可以扩展它们。

启用了autoScroll。如果我设置autoHeight为true，则面板大小适合所有折叠的项目，但不会调整大小以展开。

希望有人可以告诉我我做错了什么。

由于与GeoExt的兼容性，我正在使用Ext 3.4.0。

由于

汤姆

示例显示2个属性网格正确扩展 http://s9.postimg.org/ex4e6nxwv/working.jpg）显示10个不会扩展的属性网格的示例 http://s13.postimg.org/r06ylu2h3/not.jpg

创建面板和属性网格的代码：

items.push({
  xtype: "propertygrid",
  title: title,
  source: feature.attributes,
  sorting: false
});

if (items.length > 0) {
  new GeoExt.Popup({
    title: "Feature Info - (" + items.length + " Results)" + maxFeatures,
    width: 400,
    height: 300,
    layout: "accordion",
    autoScroll: true,
    map: Map,
    location: evt.xy,
    items: items
  }).show();
}

Answer 1

我不确定是否有办法让它做你想要的，因为它没有完全消除高度参数，这显然意味着它会更高。

如果你想把它保持在那个高度，你可以把它扔进另一个面板：

var expandos = Ext.create('Ext.panel.Panel', {
    width: 300,
    title: 'Accordion with ' + grids.length + ' panels',
    layout: 'accordion',
    resizable: true,
    items: grids
});

Ext.create('Ext.panel.Panel', {
    renderTo: 'center_div',
    height:400,
    width:315,
    autoScroll: true,
    items:expandos
});

http://jsfiddle.net/SFMpd/2/

Ext Panel不会在手风琴扩展时调整大小

1 个答案: