Extjs 右对齐按钮

Extjs 右对齐按钮,extjs,extjs3,Extjs,Extjs3,我正在使用extjs3.4 “完成工作流”按钮有一个大问题-我想右对齐该按钮。到目前为止,我尝试过的一切都不起作用。有没有办法做到这一点 您可以使用带有“->”的工具栏将项目向右移动: var wndFinishWorkflow = new Ext.Window({ width: 500, height: 300, border: false, padding: '20px', closeAction: 'hide', modal: true,

我正在使用extjs3.4

“完成工作流”按钮有一个大问题-我想右对齐该按钮。到目前为止,我尝试过的一切都不起作用。有没有办法做到这一点


您可以使用带有“->”的工具栏将项目向右移动:

var wndFinishWorkflow = new Ext.Window({
    width: 500,
    height: 300,
    border: false,
    padding: '20px',
    closeAction: 'hide',
    modal: true,
    title: 'Finish workflow',
    layout: 'form',
    items: [{
        xtype: 'displayfield',
        disabled: true,
        fieldLabel: 'Workflow ID',
        value: '49949494'
    }, {
        xtype: 'displayfield',
        disabled: true,
        fieldLabel: 'WF status',
        value: 'Finished'
    }, {
        fieldLabel: 'Razlog',
        //xtype: 'appcombo', 
        xtype: 'combo',
        width: 300,
        store: new Ext.data.JsonStore({
            idProperty: 'Id',
            fields: ['Id', 'Name']
        }),
        displayField: 'Name',
        valueField: 'Id',
        editable: false,
        allowBlank: false
    }, {
        xtype: 'textarea',
        width: 300,
        fieldLabel: 'Komentar'
    }],
    bbar: {
        xtype: 'toolbar',
        items: ['->', {
            xtype: 'button',
            text: 'Finish workflow',
            cls: 'x-btn-important',
            handler: function () {
                console.log('Button Click');
            }
        }]
    }
}).show();
var wndFinishWorkflow = new Ext.Window({
    width: 500,
    height: 300,
    border: false,
    padding: '20px',
    closeAction: 'hide',
    modal: true,
    title: 'Finish workflow',
    layout: 'form',
    items: [{
        xtype: 'displayfield',
        disabled: true,
        fieldLabel: 'Workflow ID',
        value: '49949494'
    }, {
        xtype: 'displayfield',
        disabled: true,
        fieldLabel: 'WF status',
        value: 'Finished'
    }, {
        fieldLabel: 'Razlog',
        //xtype: 'appcombo', 
        xtype: 'combo',
        width: 300,
        store: new Ext.data.JsonStore({
            idProperty: 'Id',
            fields: ['Id', 'Name']
        }),
        displayField: 'Name',
        valueField: 'Id',
        editable: false,
        allowBlank: false
    }, {
        xtype: 'textarea',
        width: 300,
        fieldLabel: 'Komentar'
    }],
    bbar: {
        xtype: 'toolbar',
        items: ['->', {
            xtype: 'button',
            text: 'Finish workflow',
            cls: 'x-btn-important',
            handler: function () {
                console.log('Button Click');
            }
        }]
    }
}).show();