如何在extjs4中的网格中添加新创建的值

Question

我在extjs4工作。我有gridview as -

{
xtype : 'grid',
            id : 'g2',
            store : 'qb.qbquestionoptionStore',
            columns : [ {
                text : 'Options',
                dataIndex : 'option',
                flex : 1
            }, {
                text : 'Answer',
                dataIndex : 'isAnswer',
                flex : 2.5
            },{
                header : 'edit',
                renderer : function(val) {
                    return '<a href="#" id="edit">Edit</a>';
                }
            },

以上网格显示选项和isAnswer字段。我也有addoption按钮。当我点击这个按钮时，它显示新的选项创建窗口 - 点击其保存按钮我想在上面的网格中添加新选项和isAnswer字段值。我已经通过代码重新获得了新插入的字段值 -

var win = button.up('window');
        form = win.down('form');
        record = form.getRecord(), values = form.getValues();
    console.log(values.option);
    console.log(values.isAnswer);

那么如何在上面的网格中插入这些值？

Answer 1

ExtJs中的数据和视图之间存在分离。所有数据相关的东西都通过商店和模型处理。因此，如果要在网格中插入新行，则应将其插入相应的商店：

var store = Ext.getStore('qb.qbquestionoptionStore');
store.add(form.getValues());