Having an issue with a combo box created using the ExtJS framework. The pagination feature is not working correctly. Can anyone provide assistance with this?
var store = new Ext.data.ArrayStore({
fields: ['id'],
pageSize:1,
data : [
['15'], ['25'], ['225'], ['325'], ['525'], ['625'], ['125'], ['8725'], ['825'], ['1825'], ['3825'], ['4825'], ['67825'], ['82725'], ['84725'], ['86725'], ['87525'], ['87625'], ['872665'], ['235'], ['235'], ['225'], ['245'], ['550']
]
});
var combo = new Ext.form.ComboBox({
name : 'perpage',
width: 40,
mode : 'remote',
value: '1',
store: store, //the store you use in your grid
pageSize:true,
listWidth : 1,
width : 600,
triggerAction : 'all',
displayField : 'id',
valueField : 'id',
forceSelection: true
});
var window = Ext.create('Ext.window.Window', {
width: 650,
height: 100,
items: [combo]
}).show();
All 24 records are displayed on each page. https://i.sstatic.net/cpytY.png
The image shows that all 24 records are shown on every page. However, the expectation is to display only one record per page.