dans extjs comment développer des formes?

Question

Salut, je suis en train de développer une forme simple ExtJS, mais le problème est que je suis incapable de définir les coordonnées de mes champs

fait, ici à ExtJS quand je développe une forme de dire deux

var uplift_box = new Ext.form.NumberField({ 
    name:'uplift_box' , 
    value:0 , 
    allowblank:false , 
    enableKeyEvents:true , 
    fieldLabel:'UPLIFT BOX' }); 

var uplift_box2 = new Ext.form.NumberField({ 
    name:'uplift_box2' , 
    value:0 , 
    allowblank:false , 
    enableKeyEvents:true , 
    fieldLabel:'UPLIFT2 BOX' }); 

var myform = new Ext.FormPanel({ 
    //url: 'your.php', 
      //renderTo: Ext.getBody(), 
    collapsible:true, 
    frame:true, 
    bodyStyle:'', 
    title: 'Form Standard', 
    layout: { 
    type: 'form', 
    msgTarget: 'side' 
    }, 
    region:'north', 
    //width: 250, 
    height:150, 
    items: [ uplift_box , uplift_box2 ] 
}); 

ces champs affichent toujours un sous l'autre, comment puis-je les montrer côte à côte avec l'étiquette montré

Answer 1

Je recommande d'avoir un coup d'oeil au code source des exemples ExtJS:

ExtJs dynamic form examples

Si vous souhaitez que les champs de formulaire soient les uns à côté des autres, vous pouvez le faire en utilisant ColumnLayout pour le panneau de formulaire parent des champs de formulaire. Jetez un oeil sur le code source du troisième exemple du lien donné et il devrait être assez clair.

Pour afficher l'étiquette, définissez le texte dans la propriété "fieldLabel", pour aligner l'étiquette à gauche ou en haut du champ de formulaire, utilisez "labelAlign" dans le formulairePanel.