grid - 如何在 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 字段。我也有添加选项按钮。当我单击此按钮时，它 会在单击其保存按钮时显示新的选项创建窗口，我想在上面的网格中添加这些新选项和 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());