Gridview 在extjs中，如何在单击按钮时将textfields值插入网格

我正在用extjs实现这个项目。我有一个选项表单，它有两个字段，即问题和选项。我的视图代码是-

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',
       allowBlank: false  
    },
    {xtype: 'button', text: 'Ok'}, 
    {xtype: 'button', text: 'Cancel'}
 ]
});

现在单击add按钮，我想在gridview中显示这些插入的字段值。还希望将选项字段设置为空，以便插入多个选项。并且需要在gridview中显示所有这些插入的选项。所以请你建议我怎么做。我对extjs很陌生，请帮帮我。

Shilpa， 有一个示例，其中包含一个网格和一个表单，当您单击“创建”按钮时，该表单会将一条记录添加到存储中。 我认为这很好地代表了你的情况：

---

是的，先生……我想实现链接中给出的精确视图。但我想使用MVC架构实现它，并希望使用store和localstoragproxy。所以不知道如何将这个文件分解为模型、视图、控制器和存储文件。请你能帮我一下吗？是的，我已经阅读了MVC架构指南，还实现了使用网格显示电子邮件和姓名的示例。但在那个示例中，它静态地将数据添加到存储并显示在网格中。这就是为什么我不知道如何将writer.js文件分为四个不同的模型、视图、控制器和存储文件。所以你们能建议我该怎么做吗？模型进入模型文件，存储进入存储文件，控制器。。。好吧，你明白了。根据MVC架构，我已经制作了如下文件：，，，，Model code-Ext.define（'AM.Model.Writer'，{extend:'Ext.data.Model'，字段：['Name'，'Email']}）；Store code-Ext.define（'AM.Store.Writer'，{extend:'Ext.data.Store'，字段：['Name'，'Email']，}）；并将所有代码保留在视图文件中。是写的吗，先生？控制器文件应该包含什么？事实上，我对extjs非常陌生，因此无法获得确切的路径。