代码之家 › 专栏 › 技术社区 › Sven Hecht

IE6上的ExtJS组合框大小调整问题

resize extjs internet-explorer-6 combobox

Sven Hecht · 技术社区 · 17 年前

下面星座图中的组合框(极其精简的代码)在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()
    });
});

3 回复 | 直到 17 年前

Joshua 17 年前

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

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中,上面的功能对我来说很好

Thevs 17 年前

我希望这对你有帮助。

摘自Anchorlayout文档:

锚定布局 没有任何直接的配置选项(继承的除外一个)。但是,容器使用主持人可以提供锚定的特定配置属性锚定。默认情况下,AnchorLayout 将计算锚定测量值基于容器的大小本身。但是,如果锚定是指定后,布局将使用它作为用于以下目的的虚拟容器基于计算锚定测量相反,允许容器尺寸独立于必要时锚定逻辑。

添加到锚定布局的项目可以同时提供锚定专用锚的配置属性,它是包含两个值的字符串: 水平锚定值和垂直锚定值(例如, “100%50%”)。这个值说明项目的布局固定在容器上。这个以下类型的锚定值是支持:

百分比 :1到之间的任何值 100,以百分比表示。这个第一个锚是百分比宽度这个项目应该在容器,第二个是百分比高度。示例:“100%50%” 将一个项目呈现为完整的集装箱宽度和1/2 ITS 身高。如果只有一个锚定值是假设宽度为值和高度将默认为自动。

偏移量 :任何阳性或负整数值。第一次锚点是从右边的偏移量容器的边缘,第二个是从下边缘的偏移量。示例:'-50-100'将呈现项目的整个宽度容器减去50像素完整高度减去100像素。如果只提供一个锚定值假设为右偏移量值和底部偏移将默认为0。

塞兹 :有效值为 “右”(或“R”)和“底”(或 ‘B’)。或者容器必须有固定大小或锚定大小配置按顺序在呈现时定义的值这些都会有效果。

Radu Brehar 16 年前

我也有类似的问题。尝试将组合框放入容器中。因此,与其直接将其与锚布局放在面板中,不如将组合放在容器中,并将此容器添加到锚布局的面板中!应该有用的!