问题描述
它使用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);
}
}
});
});
}
如何执行?
补充选择流程:
解决方法
在模型(记录)上,您进行拒绝。在商店上,您要执行一次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)