Question

我想将凭据按钮与extjs中面板的底部对齐，是否有任何特定属性仅对面板内的按钮执行此操作。这里没有工具栏参与：

小提琴链接：https://jsfiddle.net/arya9/rmad2cpb/

Answer 1

检查这个小提琴。您只需要在Panel

的dockedItems中添加该按钮

{
        xtype: 'panel',
        renderTo: Ext.getBody(),
        layout: 'vbox',
        height: 400,
        padding: 20,
        defaults: {
            xtype: 'button',
            margin: '0 0 12 0'
        },

        items: [{
            text: 'Normal Button'

        }, {
            text: 'Basic Button'
        }],

        dockedItems: [{
            xtype: 'button',
            dock: 'bottom',
            text: 'Docked Button',
            margin: '0 0 12 0'
        }]
    }

https://fiddle.sencha.com/#view/editor&fiddle/25aa

Answer 2

希望以下代码可以根据您的要求为您提供帮助。

 Ext.create('Ext.Window',{
        width:200,
        height:400,
        layout:'vbox',
        items:[{
         xtype:'button',
         text:'First'
        },{
          xtype:'panel',
          flex:1
        },{
         xtype:'button',
         text:'Second'
        }]
    }).show();

你可以在这里检查它是否有效https://fiddle.sencha.com/#view/editor&fiddle/25a9

Answer 3

使用工具栏并为xtype更改xtype：' spacer '：' tbfill '

Extjs - Dock按钮到Panel的底部

3 个答案: