1

我已经修改了 sencha 的 writers示例,但我无法更新数据库中的数据。我有一个在服务器端执行此操作的 php 脚本,但我看不到 extjs 的更新调用。我正在使用阅读器来获取数据,它工作正常,但是当我尝试更新发送到我的服务器的数据时,我从来没有接到电话。

这是我的代码:

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*',
    'Ext.form.*'
]);

Ext.onReady(function(){
    // Define our data model
    Ext.define('Empresa', {
        extend: 'Ext.data.Model',
        fields: [
            {
                name: 'Id',
                type: 'int'
            },
            {
                name: 'Nombre',
                type: 'string'
            },
            {
                name: 'Estado',
                type: 'int'
            },
            {
                dateFormat: 'd/m/Y',
                name: 'FechaCreacion',
                type: 'string'
            }
        ]
});


    // create the Data Store
    var store = Ext.create('Ext.data.Store', {
        // destroy the store if the grid is destroyed
        autoDestroy: true,
        model: 'Empresa',
        //autoLoad: true,
        proxy: {
            type: 'jsonp',
            api: {
                read: 'http://fplweb2.localhost/empresa/listar/',
                write: 'http://fplweb2.localhost/empresa/grabar/',
                update: 'http://fplweb2.localhost/empresa/grabar/',
                destroy: 'http://fplweb2.localhost/empresa/eliminar/',
            },
            reader: {
                type: 'json',
                root: 'listaempresas'
                },
                writer: {
                    type: 'json'
                }
        },
        sorters: [{
            property: 'start',
            direction: 'ASC'
        }]
    });

    store.load();

    var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToMoveEditor: 1,
        autoCancel: false
    });

    // create the grid and specify what field you want
    // to use for the editor at each column.
    var grid = Ext.create('Ext.grid.Panel', {
        store: store,
        columns: [
            {
                xtype: 'gridcolumn',
                dataIndex: 'Id',
                text: 'Id',
                editor: 'numberfield'
            },
            {
                xtype: 'gridcolumn',
                dataIndex: 'Nombre',
                text: 'Nombre',
                editor: 'textfield'
            },
            {
                xtype: 'gridcolumn',
                dataIndex: 'Estado',
                text: 'Estado',
                editor: 'numberfield'
            },
            {
                xtype: 'gridcolumn',
                dataIndex: 'FechaCreacion',
                text: 'FechaCreacion',
                editor: 'datefield'
            }
        ],
        renderTo: Ext.getBody(),
        height: 600,
        title: 'Lista de Empresas',
        tbar: [{
            text: 'Agregar Empresa',
            handler : function() {
                rowEditing.cancelEdit();

                // Create a model instance
                var r = Ext.create('Empresa', {
                    Id: store.getCount() + 1,
                    Nombre: 'Nueva Empresa',
                    Estado: '1',
                    FechaCreacion: Ext.Date.clearTime(new Date())
                });

                store.insert(0, r);
                rowEditing.startEdit(0, 0);
                console.log('Antes de' + store.getCount());
                //store.sync();
                console.log('Despues de: ' + store.getCount());
            }
        }, {
            itemId: 'removeEmpresa',
            text: 'Eliminar Empresa',
            handler: function() {
                var sm = grid.getSelectionModel();
                rowEditing.cancelEdit();
                store.remove(sm.getSelection());
                if (store.getCount() > 0) {
                    sm.select(0);
                }
            },
            disabled: true
        }],
        plugins: [rowEditing],
        listeners: {
            'selectionchange': function(view, records) {
                grid.down('#removeEmpresa').setDisabled(!records.length);
            }
        }
    });
});

这就是我的服务器端脚本返回给读者的内容:

{"listaempresas":[{"Id":"1","Nombre":"DyS Nevados SRL","Estado":"1","FechaCreacion":"2013-05-13 10:40:00"}]}

我在一些帖子中读到我需要做一个store.sync()但我得到一个错误。我正在使用extj 4.2. 所以查看文档,该方法不存在。我做错了什么?

4

1 回答 1

0

启用autoSync您的商店:

var store = Ext.create('Ext.data.Store', {
    autoSync : true
    // ...
}

默认值为false。现在商店将在每次编辑后自动同步。

于 2013-05-14T18:10:41.880 回答