Custom DataView store

[joesinla]

I'd like a DataView to have 4 of the latest created items in a store. I'd like no other components that use the same store to be sorted or affected. I can of course select a store from the config options, but that will display all of the records.

How can I load only 4 records into a dataview?

I have tried to load a new sorted store into the dataview when the store load event fires, that didn't work...

[BostonMerlin]

If you have multiple views sharing the same store, and you filter or sort that store, all views are effected. You must create a separate store for any view that needs a subset of a specific store.

There are several ways to handle this... one way is to create a copy of the primary store (all records) then just filter the copy. In one of my projects I had a store with quite a bit of data in it. Several views needed to see this data slightly differently and they were all displayed on the screen at the same time as Widgets. What I did was create a function that I could call that would return a custom store copy based on params I passed into it. The function made a new store based on my primary store, filtered and sorted the store copy then returned it. I then assigned that store copy to as many views as necessary.

Hope that helps
John

[joesinla]

That sure did help, and helped me better understand how to deal with various views and stores. Thanks a bunch!

I did this:

var records = [];

if(store.getData().length !== 0){
    
    store.sort('Created', 'DSC');
    
	for(var i = 0; i<4; i++){
		records.push(store.getData().items[i]);
	}
}


var store2 = Ext.create('Ext.data.Store');


store2.add(records);


var hdv = this.getHomeDataView();


if(hdv){
    hdv.setStore(store2);
}

[BostonMerlin]

Great! Make sure to mark as answered.

John.