Ich muss eine Bildlaufleiste zeigen, sobald das Formular breiter als Container ist. Ich habe die Eigenschaft autoScroll: true für den Container festgelegt, aber es funktioniert nicht. Gibt es überhaupt ein Ergebnis, das ich brauche? HierGibt an, wie die Bildlaufleiste angezeigt wird?
ist das Arbeitsbeispiel
Der Code
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'
}]
});
EDIT
Nach Layout und fügte hinzu: 'fit' der Scrollbar mainPanelContainer erscheint, aber es ist nicht möglich, zu der verborgenen rechten Seite des Formulars zu blättern.
Nach dem Ändern der Polsterung zu Rand sieht die Bildlaufleiste gut aus. Aber ich kann immer noch nicht auf einem kleineren Bildschirm zur rechten Seite des Formulars blättern. – user49126
Entnehmen Sie das Layout: "Fit" und geben Sie dem Formular eine Breite. – Reimius
Siehe diese Geige: http://jsfiddle.net/5YKKz/2/ – Reimius