它正在使用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);
}
}
});
});
}如何执行？
补充选择流程：
1条答案
按热度按时间iq3niunx1#
在模型（记录）上执行reject。在存储上执行rejectChanges，这将在每条记录上调用reject。
EDIT：-每个记录（Ext.data.Model的例程或后代）可以是新记录（phantom = true）、现有记录、已修改的现有记录（dirty = true）或已删除的现有记录（erased = true）。任何现有记录都可能具有自最初装入或上次提交以来已更改的字段。
将记录插入存储时，如果为idPropery设置了值，则将其视为现有记录，否则将其视为新记录（phantom = true）尚未提交，因此是“phantom”。执行擦除的记录也是如此。（）方法。它将被删除。记录仍在存储区中，只是设置为erased=true。当您执行sync（）方法对存储在数据库中的幻影记录进行保存、修改的记录保存了更改，删除的记录从数据库中删除。所有这些更改是如何完成的取决于模型的代理。在调用同步之后，幻像记录不再是幻像，而是现有记录。从存储器中移除被擦除的记录，并且修改的记录不再被认为是“脏的”或被修改的。
如果在sync（）之前对存储执行rejectChanges，则存储将恢复到上次sync（）或load（）之后的状态。将删除虚拟记录，已擦除的记录将恢复为未擦除状态，已修改的记录将所有更改设置为更改之前的状态。
因此，在您的例子中，将idProperty（在模型中）设置为记录的主键，并确保在您将记录插入存储时它有一个值。然后，当您在存储上执行rejectChanges时，它将返回到更改之前的状态。您可以在存储上运行commitChanges（），将所有记录设置为未修改、非幻影和未擦除。
FYI：如果您不传递id属性， Sencha 将为记录分配一个唯一键，但仍使其成为phantom（phantom = true）