DockedItems不尊重重量

时间:2017-09-14 16:23:21

标签: extjs extjs6 extjs6-classic

Sencha documentation says

  

如果停靠物品,重量将按顺序排列物品的布局。这是一个将Ext.toolbar.Toolbar放在Ext.panel.Panel标题上方的示例...

我现在想在container配置下方显示buttons。所以我用一个简单的小提琴来应用文档的知识:

https://fiddle.sencha.com/#view/editor&fiddle/26m0

但它不起作用;无论我使用大数还是小数,都不会应用重量。为什么这不起作用?

1 个答案:

答案 0 :(得分:2)

容器的dock配置没有任何影响。来自文档:

  

要停靠此组件的Ext.panel.Panel的一侧   在面板的dockedItems config中指定。

您的容器不在dockedItems配置中。此外,似乎重量越大,项目呈现的越高。

Ext.create('Ext.window.Window',{
    width:300,
    items:[{
        xtype:'container',
        html: 'Normal text'
    }],
    dockedItems: {
        xtype: 'container',
        dock: 'bottom',
        weight: -10,
        html: 'Some text that goes below the buttons'
    },
    buttons:[{
        text: 'Some button',
        weight: 10
    }]

}).show();

这是一个工作小提琴:https://fiddle.sencha.com/#view/editor&fiddle/26m8