javascript - 如何从网格中获取值并发布它们。 EXTJS

Question

我对我的网格中的 getValues 感兴趣并发布它们，使用我网格的自定义编辑表单上的按钮 confirm。

但我不知道如何getValues()。我不能使用它，否则它会导致值在“fieldset”xtype 中完成。

我如何获得网格值...可能存在一些方法，允许将 grideditable 插件配置设置为 Ajax 请求配置参数？

我的部分代码:

Ext.define('Foresto.model.EditListRenters', {
            extend: 'Ext.grid.Grid',
            xtype: 'rentlist',
            requires: [
                'Ext.grid.plugin.Editable',
                'Foresto.model.RentsListModel'
            ],
            store: {
                model: 'Foresto.model.RentsListModel',
                autoLoad: true,
                pageSize: 0,
                proxy: {
                    type: 'ajax',
                    url: '/myownurl',
                    reader: {
                        type: 'json',
                        rootProperty: 'results'
                    }

                }
            },
            plugins: [{
                type: 'grideditable',
                triggerEvent: 'doubletap',
                enableDeleteButton: true,
                formConfig: null,

                defaultFormConfig: {
                    xtype: 'formpanel',
                    title: 'Редактировать договор',
                    scrollable: true,
                    items: {
                        xtype: 'fieldset'
                    }
                },

                toolbarConfig: {
                    xtype: 'titlebar',
                    cls: 'hdr2',
                    height: 46.63,
                    docked: 'top',
                    items: [{
                        xtype: 'button',
                        ui: 'decline',
                        cls: 'grbuttons',
                        text: 'cancel',
                        align: 'left',
                        action: 'cancel'
                    }, {
                        xtype: 'button',
                        ui: 'confirm',
                        cls: 'grbuttons',
                        text: 'submit',
                        align: 'right',
                        action: 'submit',
                        handler: function() {

                            var rentset = _.getValues() //how get values??



                            Ext.Ajax.request({
                                url: '/myownurl/contract/',
                                method: 'POST',
                                params: rentset
                            })
                        }
                    }]
                }

            }],
            columns: [ //my columns]
  });

Answer 1

Extjs 使用 MVC 模式，因此您无需手动挖掘更改的值。您的数据记录(干净的和脏的)都在存储中，连接由代理管理。网格只是一个可视化数据的可视化组件，它的插件是更改数据的助手。

不要(重新)在您的函数中创建新请求，而是告诉商店完成这项工作:

handler: function () {
    form.updateRecord();
    form.hide();
    grid.getStore().sync();
}

另外，指定代理参数:

proxy: {
    type: 'ajax',
    batchActions: true,
    url: './myownurl',
    actionMethods: {
        create: 'POST',
        read: 'POST',
        update: 'POST',
        destroy: 'POST'
    },
    reader: {
        type: 'json',
        rootProperty: 'results'
    },
    writer: {
        type: 'json',
        root: 'data',
        encode: true,
        writeAllFields: true,
    }
}