DockedItems 不考虑重量

Question

If docked items, the weight will order how the items are laid out. Here is an example to put a Ext.toolbar.Toolbar above a Ext.panel.Panel's header ...

我现在想在 buttons 配置下显示一个 container。所以我做了一个简单的 fiddle 来应用文档的知识：

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

但是没用；无论我使用大数字还是小数字，权重都不适用。为什么这不起作用？

Answer 1

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

The side of the Ext.panel.Panel where this component is to be docked when specified in the panel's dockedItems config.

您的容器不在 dockedItems 配置中。而且似乎权重越大，item就会渲染的越高

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();

这是一个有效的 fiddle：https://fiddle.sencha.com/#view/editor&fiddle/26m8

DockedItems 不考虑重量

DockedItems do not respect weight

extjs

extjs6

extjs6-classic