Extjs - 从商店中删除新添加的所选项目

StackOverflow https://stackoverflow.com/questions/1211496

  •  06-07-2019
  •  | 
  •  

题

我必须删除编辑器网格中的选定项目。首先加载商店，用户可以选择向该网格添加或删除空行，然后可以编辑它们。问题不在于删除从商店加载的初始记录。当我添加一行，编辑它然后选择删除它时，问题就出现了（用户可能认为他毕竟不需要这一行）。

似乎当我想使用store.getModifiedRecords保存更改时，它仍然会看到已删除的行，因此也会对其进行处理。这是按钮删除：

442             
443                 text:'Remove',
444                 tooltip:'Remove attribute',
445                 iconCls:'silk-table_delete',
446                 handler: function() {
447                     var selectedItem = attributeEditor.getSelectionModel().getSelected();
448 
449                     // Check if we have selected item
450                     if (selectedItem) {
451                         // Get selected item value
452                         var attribute = selectedItem.get('Name');
453 
454                         // Remove selected
455                         attributeStore.remove(selectedItem);
456 
457                         // Add to our removed attributes hash
458                         if (id) {
459                             RemovedAttributes.push(attribute);
460                         }
461                     } else {
462                         wispUserFormWindow.getEl().mask();
463 
464                         // Display error
465                         Ext.Msg.show({
466                             title: "Nothing selected",
467                             msg: "No attribute selected",
468                             icon: Ext.MessageBox.ERROR,
469                             buttons: Ext.Msg.CANCEL,
470                             modal: false,
471                             fn: function() {
472                                 wispUserFormWindow.getEl().unmask();
473                             }
474                         });
475                     }
476                 }
477             }
有帮助吗？

解决方案

这就是store.getModifiedRecords（）的工作方式。修改后的记录记录存储在store对象中名为modified的数组中。从商店中删除商品时，默认情况下不会将其删除。

这是商店中的实际remove（）

remove : function(record){
    var index = this.data.indexOf(record);
    this.data.removeAt(index);
    if(this.pruneModifiedRecords){
        this.modified.remove(record);
    }
    if(this.snapshot){
        this.snapshot.remove(record);
    }
    this.fireEvent("remove", this, record, index);
}

这意味着仅当您将pruneModifiedRecords选项值指定为true时，才会从修改后的列表中删除该项。默认情况下，此值为false，如Store API中所述。

如果要从修改后的列表中删除新添加的项目，则必须在创建商店时将pruneModifiedRecords的值设置为true 例如：

var stote = new Ext.data.SimpleStore({
    fields: [],
    data: [],
    pruneModifiedRecords: true
})

其他提示

store.load(); 
//remove function will delete specific record.
store.remove(store.findRecord("item_id","1"));
store.sync();

我认为以下链接可以帮助您轻松地处理商店

http://www.aswedo.net/sencha-touch/sencha-touch-adding-records-reading-data-and-deleting-records-to-store/

在我的脑海中，我无法理解为什么你的代码会以这种方式工作，因为它似乎是正确的。您是否使用Firebug设置断点并逐步完成该过程？

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top