一旦表单更宽然后包含容器,我需要显示滚动条。我在容器上设置了属性 autoScroll: true ,但它不起作用。反正有没有得到我需要的结果?
这是工作示例
编码
Ext.create('Ext.container.Viewport', {
layout: {
header: false,
type: 'border',
padding: 0
},
items: [{
region: 'north',
padding: '0 150 0 150',
height: 36,
html: 'header'
}, {
id:'mainPanelContainer',
autoScroll: true,
padding: '0 150 0 150',
region: 'center',
items:[
{
xtype:'form',
items:[{
xtype: 'container',
flex: 1,
layout: 'anchor',
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
anchor: '95%',
xtype: 'htmleditor',
fieldLabel: 'Popis',
name: 'Description',
height: 240,
width: 450
}]
}, {
xtype: 'container',
flex: 1,
layout: 'anchor',
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'container',
margin: '0 0 8 0',
layout: 'hbox',
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}]
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}]
}]
}
]
}, {
region: 'south',
height: 25,
padding: '0 150 0 150',
html: 'Copyright © 2013'
}]
});
编辑
将 layout: 'fit' 添加到 mainPanelContainer 后,会出现滚动条,但无法滚动到表单的隐藏右侧。