javascript - 提交对 extjs 存储中现有记录的更改

Question

我的问题是我想更新现有商店并在网格上显示更改。我正在做的更新是:

var record = store.getById(me.internalParameters.editInfo.id);
//console.log(me.InfoEditorPanel.hardwareIdField.value);
record.set('hardwareid', me.InfoEditorPanel.hardwareIdField.value);
record.set('location', me.InfoEditorPanel.locationField.value);
record.set('isActive', me.InfoEditorPanel.isActiveField.value);
record.commit();
store.load();

这是我用来构建网格的东西。

Utils.getPanelListGrid = function (parameters) {
    if (parameters.initParameters == null)
        parameters.initParameters = {};
    var initParameters = parameters.initParameters;
    initParameters.gridColumns = [
        { header: "ID", dataIndex: "id", flex: 1 },
        { header: "Hardware ID", dataIndex: "hardwareid", flex: 1 },
        { header: "Location", dataIndex: "location", flex: 1 },
        { header: "Active", dataIndex: "isActive", flex: 1 }
    ];
    return new Backend.shared.MyDataGrid(parameters);
};

Ext.define(
    "shared.MyDataGrid", {

        extend: "Ext.grid.Panel",
        xtype: "MyDataGrid",
        title: "MyDataGrid - Hardcoded values",
        initParameters: {
            storeIdProperty: null,
        },
        initComponent: function () {
            this.store = Ext.create('Ext.data.Store', {
                storeId: 'myStore',
                proxy: {
                    type: 'memory',
                    reader: {
                        type: 'json',
                        root: 'items'
                    }
                },
                fields: ['id', 'hardwareid', 'location', 'isActive'],
                data: {
                    'items': [{
                        'id': '123456',
                        'hardwareid': "HID-159",
                        'location': "Bedroom",
                        'isActive': "No"
                    }, {
                        'id': '789456',
                        'hardwareid': "HID-357",
                        'location': "Kitchen",
                        'isActive': "Yes"
                    }, {
                        'id': '147852',
                        'hardwareid': "HID-149",
                        'location': "Guest-room",
                        'isActive': "Yes"
                    }
                    ]
                }
            });

            this.columns = this.initParameters.gridColumns;

            this.listeners = {
                selectionchange: {
                    scope: this,
                    fn: function (selectionModel, selectedRecords, eventOptions) {
                        this.selectedIds = [];
                        this.selectedItems = [];

                        if (selectedRecords != null) {
                            for (var i = 0; i < selectedRecords.length; i++) {
                                var item = selectedRecords[i].data;
                                this.selectedIds.push(item[this.initParameters.storeIdProperty]);
                                this.selectedItems.push(item)
                            }
                        }
                        if (this.initParameters.selectionChangeCallback != null)
                            this.initParameters.selectionChangeCallback(this.selectedIds, this.selectedItems);
                    }
                }
            };

            shared.MyDataGrid.superclass.initComponent.call(this);
        },
        getRecordCount: function () {
            return this.getStore().getTotalCount();
        },
        getSelectedIds: function () {
            return this.selectedIds;
        },
        getSelectedItems: function () {
            return this.selectedItems;
        }
    });

谁能解释一下我应该做什么才能使网格显示更新的行？

Answer 1

我建议在您的“selectionchange”事件中使用以下代码。

this.getStore().load({
    params:{
        'yourModelIdProperty':'selectedId'
    }
});

这就是所谓的存储代理。您应该为该代理编写一个函数并加载更新的数据。