2017-09-14 112 views
1

Sencha documentation saysDockedItems不尊重重量

如果停靠的物品,重量将责令项目的布局方式。这是把一个Ext.toolbar.Toolbar一个Ext.panel.Panel的头上面的例子...

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

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

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

回答

2

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

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

您的容器不在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