Wie füge ich Werte in den Speicher in extjs ein

Question

Ich implementiere Projekt in extjs. Ich bin sehr neu zu extjs. Ich hatte Ansicht mit zwei Textfields Frage und Option erstellt und auch zwei Schaltflächen als ok erstellt und abbrechen.

Meine Ansicht Code:

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'} 
] 
}); 

auf OK klicken ich diese Textfelder Daten in den Speicher hinzufügen möchten.

So können Sie mir bitte vorschlagen, wie Sie Buttonclick-Ereignis schreiben, um alle diese Textfelder Daten in den Speicher hinzuzufügen.

Answer 1

diesen Speicher als Beispiel nehmen:

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 
} 

Sie die Formulardaten erhalten und dann diese Daten in den Speicher hinzuzufügen.

Cyaz