Panel in einem Schaltschrank: autoScroll funktioniert nicht
Habe ich diese Ansicht (DetailsContainer, erste Klasse im code-Abschnitt dieser Frage) mit zwei Gegenständen, die sich im (MetaDataPanel, Vorschau), aber autoscroll funktioniert nicht in MetaDataPanel (der Kodex).
Also, wenn ich einige Elemente innerhalb MetaDataPanel, autoscroll funktioniert nicht...
PS: der Inhalt MetaDataPanel generiert wird dinamically hinzufügen element auf das Panel...
Jeder schlägt?
Ext.define('DP.view.DetailsContainer' ,{
id: 'DetailsContainer',
extend: 'Ext.Panel',
alias : 'widget.DetailsContainer',
collapsible: true,
//margins:'5 0 5 5',
split:true,
layout: {
type: 'accordion',
align: 'stretch',
pack : 'start'
},
initComponent: function() {
Ext.apply(this, {
items: [{
xtype: 'MetaDataPanel',
flex:1
},{
xtype: 'Preview',
flex:2
}]
});
this.callParent(arguments);
}
});
Ext.define('DP.view.MetaDataPanel' ,{
id: 'MetaDataPanel',
extend: 'Ext.Panel',
alias : 'widget.MetaDataPanel',
title : 'MetaDati',
layout: 'fit',
autoScroll:true, //TODO: autoscroll not working
initComponent: function() {
Ext.apply(this, {
items: [{
xtype: 'component' ,
html: 'Nessun File o Cartella selezionata. Selezionare un elemento per visualizzare i metadati!',
margin: 5,
style: {
color: '#000000'
}
}]
});
this.callParent(arguments);
}
});
InformationsquelleAutor Pierluigi B Web Developer | 2012-06-27
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Macht es keinen Sinn zu geben autoScroll auf einen Behälter mit einem geeigneten layout. Das Kind wird immer an die Größe der container, es wird nie größer sein, so können Sie nie scrollen. Sie möchten die autoScroll auf die innere Komponente.
InformationsquelleAutor Evan Trimboli
Ich glaube nicht, dass es sinnvoll ist für ein Akkordeon-panel zu Blättern. Was man stattdessen tun sollte, ist das innere Komponente, um zu Blättern. Betrachten Sie Ihren code leicht geändert, um widerzuspiegeln, dass diese Idee:
http://jsfiddle.net/dbrin/jmHEj/
kein extjs 4 hat getan, tun, Weg mit layout. kannst du ein bisschen genauer sein, was element, das Sie hinzufügen möchten und auf welche Komponente?
Ich bin das hinzufügen dieser: form = Ext.widget('form', {autoScroll:true,layout:{type: 'vbox',align: 'stretch'},border: false, fieldDefaults: {labelAlign: 'top',labelWidth: 100,labelStyle: "font-weight:bold'},defaults: {Margen: '0 0 10 0'} ... });
können Sie die Gabel, JSFiddle, und fügen Sie Ihrem code, der nicht funktioniert?
InformationsquelleAutor dbrin
Meisten einfach/faul ist die config einstellen autoScroll als Standard - es wird also vererbt werden:
InformationsquelleAutor Martin Zeitler