如何从 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 变量是动态创建的（但具有类似的结构），我也有一个 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
       });
    }
}

顺便说一句，这些文档如下：

获取属性网格值：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