extjs - 使用 ExtJS 如何指定 '->' 减去一点？

Question

我有一个组件，我想向右对齐，但想把它放回去一点点......

me.dockedItems = [ {
    xtype: 'toolbar',
    dock: 'top',
    items:
    [{
        text: i18n.user_new,
        disabled: false,
        action: 'add',
        iconCls: 'icon-user-add'
    }, 

    '->',  // is there a way to say align right minus 20px?

    {
        fieldLabel: i18n.filter,
        labelWidth: 40,
        xtype: 'filterfield'
    }],
    ...

我将“->”更改为什么？

Answer 1

最好的方法 (IMO) 是指定边距:

Ext.onReady(function() {
    var form = Ext.create('Ext.panel.Panel', {
        width: 400,
        height: 400,
        renderTo: document.body,
        dockedItems : [{
            xtype: 'toolbar',
            items: [{
                text: 'B1'
            }, '->', {
                text: 'B2',
                margin: '0 20 0 0'
            }]
        }]
    });
});