Hello guys. looks like a simple thing. But, I couldn't find a solution yet. Please help me.
I want to know how to reset Dataview's store data.
First off, my store data configuration is like: (initially, null)
Code:
Ext.define('App.view.FilterList', {
extend: 'Ext.dataview.DataView',
requires: ['App.view.FilterItem'],
xtype: 'filter-list',
config: {
cls: 'filter-list',
store: {
fields: ['name'],
data: null,
sorters: 'name'
},
useComponents: true,
defaultType: 'filter-item'
}
});
On my controller, I insert some data on the fly while running my app like this:
Code:
panel.query('filter-list')[0].setData(somedata);
And, sometime later I want to reset the data to null so I can make the DataView list page blank.
I tried,
Code:
onButtonTap: function(button, event) { // edit button in DataView list
var listitem = button.getParent();
var record = listitem.getRecord();
var storeId = record.stores[0].getStoreId();
var store = Ext.getStore(storeId);
store.removeAll();
:
I also tried:
Code:
var panel = this.getTabPanel();
var storeId = panel.query('filter-list')[0].getStore().getStoreId();
var store = Ext.getStore(storeId);
store.removeAll();
:
The list was cleared with the above codes but, I got the following error
Uncaught TypeError: Cannot call method 'removeCls' of undefined DataView.js:597
What am I doing wrong? Can anyone suggest a solution for this?