如何从extjs属性网格中检索已编辑的数据？

Question

我有这个简单的代码：

var store = {
    "(name)": "My Object",
    "Created": Ext.Date.parse('10/15/2006', 'm/d/Y'),
    "Available": false,
    "Version": 0.01,
    "Description": "A test object"
}


Ext.create('Ext.grid.property.Grid', {
    title: 'Properties Grid',
    width: 300,
    renderTo: Ext.getBody(),
    source: store,
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',
        ui: 'footer',
        items: ['->', {
            //iconCls: 'icon-save',
            text: 'Sync',
            scope: this,
            // handler: this.onSync
        }]
    }]
});

该小组如下所示：

我的应用使用类似的网格，唯一的区别是 store 变量是动态创建的（但具有相似的结构）而且我还有一个< strong> sync 按钮，可以保存对网格value字段的所有更改。

截至目前，可以编辑值字段，但当然不能保存在任何地方。我一直在尝试在 sync 按钮上添加一个事件，它将从value获取所有行并更新数据库。

任何人都可以逐步告诉我在property.Grid代码中添加的内容，以便点击sync时 它会通过AJAX将所有values发送到我的php file，这会与数据库同步吗？

由于

Answer 1

这样的事情可以解决问题：

{
    text: 'Sync',
    handler: function() {
       // get values
       var gridvalues = this.up( 'propertygrid' ).getSource();
       // send AJAX request
       Ext.Ajax.request({
           url: 'somephpurl...',
           params: gridvalues
       });
    }
}

文件，BTW，对于这些如下：

获取属性网格值：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.property.Grid-method-getSource

创建AJAX请求：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Ajax-method-request