Aligner les boutons à gauche et à droite dans le Sencha Touch barre d'outils

Comment aligner les boutons dans le Sencha Touch barres d'outils sur les deux côtés gauche et droit (un bouton de chaque côté)?

Dans ExtJs j'ai l'habitude d'utiliser '->". Mais cela ne semble pas fonctionner dans Sencha Touch.

Des idées ?

MODIFIER
Aligner les boutons à gauche et à droite dans le Sencha Touch barre d'outils

MODIFIER
voici mon code 

Ext.define('reestructura.view.ContratoList', {
    extend: 'Ext.List',
    xtype: 'contratolist',
    requires: 'Ext.field.Toggle',
    config: {
        onItemDisclosure: true,
        emptyText: 'El contrato no existe',
        store: 'Contratos',
        items: [{
            xtype: 'toolbar',
            docked: 'top',
            style: 'background:darkgray',
            items: [{
                xtype: 'searchfield',
                placeHolder: 'Buscar contrato...'
            }, {
                xtype: 'button',
                iconCls: 'search',
                iconMask: true,
                ui: 'confirm',
                action: 'buscarContratos'
            },

            {
                xtype:'spacer'
            },
            {
                xtype: 'togglefield',
                label: 'simulación'
            }
            ]
        }],

        itemTpl : [
        '<p>{idContrato}&nbsp &nbsp {nombreGrupo} </p>',
        '<div style="font-size: 0.75em; color: darkgray">Saldo Pendiente: {saldoPendiente}</div>',  
        ].join('')

    }

});
InformationsquelleAutor Jonathan Caballero | 2014-02-24
  1. 8

    Utilisez une entretoise
    Voici un exemple

                {
                xtype: 'button',
                text: 'Button One'
            }, {
                xtype: 'spacer'
            }, {
                xtype: 'button',
                text: 'Button Two'
            }

    J'espère que ça aide

    • Je l'ai déjà fait, mais le bouton ne va pas à la fin de la barre d'outils il y a de l'espace ...
    • Pouvez-vous donner un code?
    • bien sûr, fait
    • Cela fonctionne en fait,le problème était que la largeur par défaut de mon togglefield
    InformationsquelleAutor Darly
  2. 2

    Les travaux suivants, si vous pouvez utiliser une barre de titre, au lieu d'une barre d'outils

    {
     xtype: 'titlebar',
     docked: 'top',
     items: [
         {
             xtype: 'button',
             text: 'Button 1',
             align: 'left'
         },
         {
             xtype: 'button',
             text: 'Button 2',
             align: 'right'
         }
     ]
}

    Si vous devez utiliser une barre d'outils, vous pouvez essayer

     {
     xtype: 'toolbar',
     docked: 'top',
     items: [
         {
             xtype: 'button',
             text: 'Button 1',
             docked: 'left'
         },
         {
             xtype: 'button',
             text: 'Button 2',
             docked: 'right'
         }
     ]
}

    Mais le texte du bouton n'est pas le centre de l'alignement. La modification de la hauteur de la ligne d'une propriété CSS peut corriger l'alignement.

    • ancré bien fonctionne pour moi
    InformationsquelleAutor Jeff Martin