Question

它使用ExtJS的网格。我想在将网格中的记录更改为另一条记录之前进行一些验证。

下面是我的示例代码：

xtype: 'grid',
bind: {
    store:'{xxStore}'
},
columns: [
    {
        text: 'Name',
        dataIndex: 'name',
    }
],
listeners:{
    beforeselect: 'onBeforeSelect',
    select: 'onSelect'
}

在Controller中，示例代码如下：

onBeforeSelect: function(grid) {
    // whether can select or not
    if (this.getSettingType() === 'global') {
        return false;
    }
},

onSelect: async function(grid, itemRecord) {
    if (!(await checkUserAction())) {
        // TODO: how to rollback to old selected record here or onBeforeSelect?
    }
},

checkUserAction: function() {
    return new Promise((resolve) => {
        let me = this;

        Ext.Msg.show({
            buttons: Ext.Msg.YESNO,
            title: 'Confirm Discard Changes',
            msg: 'Do you want to discard changes?',
            callback: function(button) {
                if (button == 'yes') {
                    resolve(true);
                } else {
                    resolve(false);
                }
            }
        });
    });
}

如何执行？

补充选择流程：

Answer 1

在模型（记录）上，您进行拒绝。在商店上，您要执行一次rejectChanges，这将在每条记录上调用拒绝。

编辑：-每个记录（Ext.data.Model或后代的实例）都是新记录（幻像= true），现有记录，已修改的现有记录（dirty = true）或现有记录，已被擦除（已擦除= true）。自从最初加载或最后一次提交以来，任何现有记录都可能具有已更改的字段。

如果将记录插入到存储中（如果idPropery设置了一个值），则将其视为现有记录（如果未设置），则它是尚未提交的新记录（phantom = true），因此是“ phantom” ”。与记录相同，您执行了delete（）方法。它将被删除。记录仍在存储中，只是将其设置为擦除= true。当您在商店幻像记录上保存数据库时执行sync（）方法时，修改后的记录已保存更改，并且已删除的记录已从数据库中删除。所有这些更改的完成方式均基于模型的代理...。在称为同步之后，幻像记录不再是幻像，而是现有记录。删除的记录将从存储中删除，并且已修改的记录不再被视为“脏”或已修改。

如果您在sync（）之前对存储执行了rejectChanges，则存储将返回到上一个sync（）或load（）之后的状态。虚拟记录将被删除，已删除的记录将恢复为不被删除，修改后的记录会将所有更改设置为更改之前的状态。

因此，在您的情况下，请将idProperty（在模型中）设置为记录的主键，并确保在将记录插入存储中时具有值。然后，当您在商店上执行rejectChanges时，它将返回到更改之前的状态。您可以在商店上运行commitChanges（），以将所有记录设置为未修改，而不是幻像，并且不会被擦除。

仅供参考：如果您不传递id属性，则sencha会为记录分配唯一键，但仍将其设为幻像（phantom = true）

ExtJS-如何将选择回滚到Grid中的旧选定记录？

1 个答案: