Question

以下星座中的Combobox（极度修剪的代码）在IE6中调整大小时出现问题。一点调试显示，当试图通过分离器缩小西部地区时，它没有收到任何事件。

Ext.onReady(function(){
    var grid = new Ext.Viewport({
        layout: 'border'
        ,items: [{
                region: 'west'
                ,width: 200
                ,layout: 'fit'
                ,split: true
                ,items: [{
                    layout: 'accordion'
                    ,items: [{
                        layout: 'Anchor'
                        ,items: [{
                            xtype: 'combo'
                            ,anchor: '100%'
                            ,typeAhead:true
                            ,triggerAction: 'all'
                            ,selectOnFocus: true
                            ,mode: 'local'
                            ,emptyText: 'bitte wählen'
                            ,displayField: 'displayText'
                            ,store: new Ext.data.ArrayStore({
                                fields: ['displayText'],
                                data: [['item1'], ['item2']]
                            })
                        }]
                    }]
                }]
            },{
                region: 'center'
                ,html: 'content'                
            }
        ]
        ,renderTo: Ext.getBody()
    });
});

Answer 1

它只发生在手风琴布局中。进一步调查。

Ext.onReady(function() {
    var grid = new Ext.Viewport({
        layout: 'border'
        ,items: [{
            region: 'west'
            ,width: 200
            ,split: true
            --,layout: 'fit'    << not necessary. You're overnesting.
            ,layout: 'anchor'
            ,items: [{
                xtype: 'combo'
                ,anchor: '100%'
                ,typeAhead:true
                ,triggerAction: 'all'
                ,selectOnFocus: true
                ,mode: 'local'
                ,emptyText: 'bitte wählen'
                ,displayField: 'displayText'
                ,store: new Ext.data.ArrayStore({
                    fields: ['displayText'],
                    data: [['item1'], ['item2']]
                })
            }]
        },{
            region: 'center'
            ,html: 'content'                                
        }]
    })
});

以上在IE6中对我来说很好用

Answer 2

我希望这会对你有所帮助。

从AnchorLayout doc提取：

AnchorLayout 没有任何直接   配置选项（继承的除外）   那些）。但是，容器使用   AnchorLayout可以提供   特定于锚点的配置属性   anchorSize。默认情况下，AnchorLayout   将计算锚测量   根据容器的大小   本身。但是，如果 anchorSize 是   指定，布局将使用它作为   用于虚拟容器的目的   基于计算锚测量   相反，允许容器   独立于   必要时锚定逻辑。

添加到AnchorLayout的项目可以   还提供锚定特定的   锚的配置属性是一个   包含两个值的字符串：   水平锚值和   垂直锚值（例如，   '100％50％'）。这个值是告诉我们的   项目的布局应该如何   锚定在容器上。该   以下类型的锚值是   支持：

百分比：介于1和之间的任何值   100，表示为百分比。该   第一个锚是百分比宽度   该项目应该在内部   容器，第二个是   百分比高度。示例：'100％50％'   会使一个项目完整   容器的宽度和它的1/2   高度。如果只有一个锚值   提供它被假定为宽度   值和高度将默认为   汽车。

偏移：任何正面或   负整数值。首先   锚是右边的偏移量   容器的边缘，第二个   是从底边偏移。   示例：' - 50 -100'将呈现一个   项目的完整宽度   容器减50像素和   完整高度减去100像素。如果   只提供一个锚值   假设是正确的偏移量   值和底部偏移量   默认为0。

支持：有效值为   'right'（或'r'）和'bottom'（或   'B'）。容器必须有一个   固定大小或anchorSize配置   在渲染时按顺序定义的值   对于这些有任何影响。

Answer 3

我有类似的问题。尝试将组合框放入容器中。因此，不要将其直接放在具有锚点布局的面板中，而是将组合放入容器中，并使用锚点布局将此容器添加到面板中！它应该工作！

在IE6上ExtJs Combobox调整大小问题

3 个答案: