制作按钮底部

Question

按钮始终位于顶部。如何使其停靠在底部

    <xsl:if test="@ISOFID=9051">
isoNS.PanelQDisableInfoMsg = Ext.create("Ext.window.Window", {
    title: 'Info', 
    width: 900,
    height: 250,
    modal: true,
    style: 'position: absolute; top: 100px;',
    id: 'infoWindow',
    layout: {
        align: 'stretch',
        type: 'vbox'
    },
    items: [

        {
            xtype: 'button',
            text: 'Ok',
            itemId: 'OkButton',
            docked: 'bottom'
        }
    ]   
}).show();</xsl:if>

根据这里的建议（以及谷歌），我尝试了：docked: 'bottom，并且：

   layout: {
        pack: 'bottom',
        type: 'hbox'
}

但这些对我不起作用。任何帮助表示赞赏

Answer 1

使用dockedItems配置。文档 - http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.panel.Panel-cfg-dockedItems

var panel = new Ext.panel.Panel({
fullscreen: true,
dockedItems: [{
    xtype: 'toolbar',
    dock: 'top',
    items: [{
        text: 'Docked to the top'
    }]
}]
});