Удалить элемент из списка

Question

Я создаю список, в котором я добавляю элементы из списка через данные json. Проблема, с которой я столкнулся, заключается в том, что у меня есть кнопка удаления, и при нажатии кнопки выбранный элемент из списка должен быть удален из магазина.

Это то, что я попытался

{ 
    text: '', 
    id: 'deletenotesBtn', 
    iconCls:'trash', 
    iconMask: true, 
    ui:'action', 
    handler: function(){ 
    var itemSelected = Ext.getCmp('noteslist').getSelection().remove(); 
    // this.remove(this, true); 
    alert('item deleted'); 
} 

Любые предложения о том, как я могу добиться этого?

Answer 1

Ответ внутри вопроса. Вы должны удалить элемент из магазина, а не из списка.

... 
handler: function(){ 
    var selection = Ext.getCmp('noteslist').getSelection(); 
    Ext.StoreManager.get('MyStore').remove(selection[0]); 
} 
... 

То есть, считая, что магазин, который вы используете для своего списка, называется «MyStore».

Вывод метода getSelection() в вашем списке представляет собой массив (возможно, нескольких) выбранных элементов. Если ни один не выбран, он вернет пустой массив. Если выбрано одно или несколько элементов, оно вернет массив соответствующих записей в вашем магазине.

Во всех случаях эта функция обработчика на вашей кнопке удаляет выбранный элемент (ы) из вашего магазина, и ваш список будет соответствующим образом обновляться.

Кроме того, в зависимости от конфигурации вашего магазина, вы можете синхронизировать его после того, как эта операция выполняются:

Ext.StoreManager.get('MyStore').sync(); 

Надеется, что это помогает.