extjsのストアに値を挿入する方法

Question

私はextjsでプロジェクトを実装しています。私はextjsにはとても新しいです。 私は2つのTextfields Question and Optionでビューを作成しました。また、OKとキャンセルの2つのボタンを作成しました。

マイビューコード：[OK]ボタンをクリックしたときに、

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

私は店の中にこれらのテキストフィールドのデータを追加したいです。

これで、これらのテキストフィールドのデータをすべてストアに追加するbuttonclickイベントの記述方法を教えてください。

Answer 1

は、一例として、このストアを取る：

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 
} 

あなたはフォームデータを取得し、ストアにそれらのデータを追加します。

Cyaz