Jak wstawiać wartości w sklepie w extjs

Question

Implementuję projekt w extjs. Jestem bardzo nowy w extjs. Utworzono widok z dwoma pytaniami i opcjami Textfields, a także utworzono dwa przyciski jako ok i anuluj.

Mój kod Widok:

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

przycisk OK kliknij chcę dodać te dane pól tekstowych w sklepie.

Czy możesz mi doradzić, jak napisać zdarzenie buttonclick, aby dodać wszystkie te dane pola tekstowego do sklepu.

Answer 1

Weź ten sklep jako przykład:

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 
} 

uzyskać dane formularza, a następnie dodać te dane do sklepu.

Cyaz