Lier BasicForm à Ext.Toolbar

Question

Bonjour, J'ai une Ext.Toolbar avec des éléments de formulaire, y compris un FileUploadField. J'aimerais pouvoir soumettre ce "formulaire" en utilisant un Ext.form.BasicForm. Comment dois-je faire cela? Idéalement, il devrait se comporter comme un FormPanel avec un ToolbarLayout (bien que cela ne soit pas rendu correctement).

Answer 1

Je viens d'essayer l'autre et il semble fonctionner correctement (à l'aide d'un formulaire dans une barre d'outils), au moins pour la partie de rendu ...

Vous pouvez l'essayer avec le code barre d'outils. ..

var toolBarConversationList = new Ext.Toolbar({ 
    items:[ 
    { 
     xtype: 'button', 
     text: 'Some Button' 
    }, 
    {xtype: 'tbfill'}, 
    { 
     xtype: 'form', 
     id: 'toolbarForm', 
     border: false, 
     bodyStyle: { 
     background: 'transparent', 
     marginTop: 3 
     }, 
     items: [ 
     { 
      xtype: 'textfield', 
      name: 'form.text', 
      fieldLabel: 'Some Text' 
     } 
     ] 
    } 
}); 

Si vous le souhaitez, vous pouvez personnaliser l'étiquette avec labelStyle sur chaque champ. Si vous souhaitez inclure plus de champs, vous pouvez utiliser une disposition de colonne et une mise en forme de formulaire pour chacun des champs.

Pour soumettre le formulaire que vous pouvez utiliser Ext.getCmp('toolbarForm').getForm().submit();

J'espère que c'est ce que vous cherchez ...