how to use pageSize in store

[jwjiwon]

there are a lot of records for the list, so I want to just pick up 5 of them.
isn't the pageSize config the right way to go?
all I need is just top 5 elements of the list.
Any idea?

here the code :

Ext.application({
  name: 'Joy',
    
  launch: function(){
    
    
        var touchTeam = Ext.create('Ext.DataView', {
            fullscreen: true,
            store: {
                fields: ['name', 'age'],
                data: [
                    {name: 'Jamie',  age: 100},
                    {name: 'Rob',   age: 21},
                    {name: 'Tommy', age: 24},
                    {name: 'Jacky', age: 24},
                    {name: 'Ed',   age: 26},
                    {name: 'Jamie',  age: 100},
                    {name: 'Rob',   age: 21},
                    {name: 'Tommy', age: 24},
                    {name: 'Jacky', age: 24},
                    {name: 'Ed',   age: 26},
                    {name: 'Jamie',  age: 100},
                    {name: 'Rob',   age: 21},
                    {name: 'Tommy', age: 24},
                    {name: 'Jacky', age: 24},
                    {name: 'Ed',   age: 26}
                ]
            },
            pageSize: 5,
            itemTpl: '<div>{name} is {age} years old</div>'
        });


        
    }
});

[mitchellsimoens]

pageSize should go into the store config just like you have data and fields.

[jwjiwon]

I tried as you recommended, but it didn't work too! XD
am I something missing?

here's the code.

Ext.application({
  name: 'Joy',
	
  launch: function(){
	
	
		var touchTeam = Ext.create('Ext.DataView', {
		    fullscreen: true,
		    store: {
		        fields: ['name', 'age'],
		        data: [
		            {name: 'Jamie',  age: 100},
		            {name: 'Rob',   age: 21},
		            {name: 'Tommy', age: 24},
		            {name: 'Jacky', age: 24},
		            {name: 'Ed',   age: 26},
					{name: 'Jamie',  age: 100},
		            {name: 'Rob',   age: 21},
		            {name: 'Tommy', age: 24},
		            {name: 'Jacky', age: 24},
		            {name: 'Ed',   age: 26},
					{name: 'Jamie',  age: 100},
		            {name: 'Rob',   age: 21},
		            {name: 'Tommy', age: 24},
		            {name: 'Jacky', age: 24},
		            {name: 'Ed',   age: 26}
		        ],
				pageSize: 5
		    
			},
			
			
		    itemTpl: '<div>{name} is {age} years old</div>'
		});
}
});

[mitchellsimoens]

Paging is done on the server, local paging is not supported.