Come inserire valori nell'archivio in extjs

Question

sto implementando il progetto in extjs. Sono molto nuovo per gli extjs. ho creato la vista con due domande e opzioni di Textfields e ho anche creato due pulsanti come ok e annulla.

Il mio codice vista:

Ext.create('Ext.form.Panel', { 
    title: 'Question-option', 
    width: 300, 
    bodyPadding: 10, 
    renderTo: Ext.getBody(),   
    items: [{ 
     xtype: 'textfield', 
     name: 'Question', 
     fieldLabel: 'Question', 
     allowBlank: false // requires a non-empty value 
    }, { 
     xtype: 'textfield', 
     name: 'Option', 
     fieldLabel: 'Option', 
     vtype: 'Option' // requires value to be a valid email address format 
    }, 
    {xtype: 'button', text: 'Ok'}, 
    {xtype: 'button', text: 'Cancel'} 
] 
}); 

Sul tasto OK Fare clic voglio aggiungere questi dati TextField in negozio.

Quindi puoi suggerirmi come scrivere evento buttonclick per aggiungere tutti questi dati di campi di testo nello store.

Answer 1

Prendete questo negozio come ad esempio:

Ext.define ('model', { 
    extend: 'Ext.data.Model' , 
    fields: ['Question', 'Option'] 
}); 

var store = Ext.create ('Ext.data.Store', { 
    model: 'model' 
}); 

// Handler called on button click event 
function handler (button) { 
    var form = button.up('form').getForm(); 

    // Validate the form 
    if (form.isValid()) { 
    var values = form.getFieldValues(); 
    store.add ({ 
     Question: values.Question , 
     Option: values.Option 
    }); 
    } 
    else {} // do something else here 
} 

È possibile ottenere i dati del modulo e quindi aggiungere questi dati al negozio.

Cyaz