开发者问题收集

可编辑网格 ExtJS,如何在编辑网格上的行后更新数据库中的行

2014-01-07
7039

首先,抱歉我的英语不是很好!

我需要做下一件事:ExtJS 3.4 可编辑网格( 示例 ),它将使用 json 格式。输入源是 json 格式。我做到了,一切正常,就像示例中一样。

我做到了:

  1. 数据从数据库下载到 php 中的数组
  2. 数组被编码为 json 格式
  3. 可编辑网格源是一个带有 json 消息的页面,现在一切正常。

现在我需要做这个:我需要在网格中更新单元格时更新数据库中的数据。

我该怎么做?在网上找不到任何东西。
也许有一些像delphi7中的'OnCellEditting'这样的方法?

我的js代码:

Ext.onReady(function () {
    function formatDate(value) {
        return value ? value.dateFormat('M d, Y') : '';
    }

    // shorthand alias
    var fm = Ext.form;

    // the column model has information about grid columns
    // dataIndex maps the column to the specific data field in
    // the data store (created below)
    var cm = new Ext.grid.ColumnModel({
        // specify any defaults for each column
        defaults: {
            sortable: false // columns are not sortable by default           
        },
        columns: [{
            header: 'ID',
            dataIndex: 'id',
            width: 30
        }, {
            id: 'firstname',
            header: 'Firstname',
            dataIndex: 'firstname',
            width: 220,
            // use shorthand alias defined above
            editor: new fm.TextField({
                allowBlank: false
            })
        }, {
            header: 'Lastname',
            dataIndex: 'lastname',
            width: 220,
            // use shorthand alias defined above
            editor: new fm.TextField({
                allowBlank: false
            })
        }]
    });

    // create the Data Store
    var store = new Ext.data.JsonStore({
        totalProperty: 'total', // total data, see json output
        root: 'results', // see json output
        url: '/grid/json',
        fields: [
            'firstname', 'lastname']
    });

    // create the editor grid
    var grid = new Ext.grid.EditorGridPanel({
        store: store,
        cm: cm,
        renderTo: 'grid-editable',
        width: 440,
        height: 300,
        autoExpandColumn: 'firstname', // column with this id will be expanded
        title: 'Edit Plants?',
        frame: true,
        clicksToEdit: 1
    });

    // manually trigger the data store load
    store.load({
        // store loading is asynchronous, use a load listener or callback to handle results

    });
});
1个回答

最简单的方法是在每个更改上发送一个ajax请求

906133832

,但我认为您应该查看Extjs示例,并阅读有关商店的更多信息与服务器的通信(例如,使用 休息 )。

Darin Kolev
2014-01-08