3

我有这个视图（DetailsContainer，这个问题的代码部分中的第一类），里面有两个项目（MetaDataPanel，预览），但是自动滚动在 MetaDataPanel 中不起作用（按照代码）。因此，当我将一些项目放入 MetaDataPanel 时，自动滚动不起作用... PS：MetaDataPanel 的内容是动态生成的，将元素添加到此面板...有什么建议吗？

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);
}
});
4

3 回答 3

7

在具有合适布局的容器上指定 autoScroll 是没有意义的。孩子总是适合容器的大小，它永远不会变大，所以你永远不能滚动。您想要内部组件上的 autoScroll 。

于 2012-06-28T11:28:53.663 回答
3

我认为手风琴面板滚动没有意义。您应该做的是将内部组件设置为滚动。看看你的代码略有改变以反映这个想法：http: //jsfiddle.net/dbrin/jmHEj/

于 2012-06-27T18:03:06.180 回答
2

最简单（或懒惰）的是将 config 设置autoScroll为默认值 - 这样它将被继承：

defaults: {autoScroll: true},
于 2013-05-28T22:50:52.820 回答