View Full Version : Infinte grid is not working with arrayStore

18 Feb 2013, 5:15 AM

I am creating infinite grid in my application. If i use Ext.data.store in grid, then data is rendered in grid. If i use Ext.data.ArrayStore then data is not rendered in grid. please give me solution for this issue. It is too urgent. I have included my code with this mail.

Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
'name', 'userId'

// create the Data Store
var store = Ext.create('Ext.data.ArrayStore', {
model: 'User',
remoteGroup: true,
buffered: true,
leadingBufferZone: 76,
pageSize: 38,
proxy: {
type: 'jsonp',
url: 'http://localhost:8080/app/index1.jsp',
reader: {
root: 'resultData',
totalProperty: 'totalCount'


autoLoad: true,
listeners: {


var grid = Ext.create('Ext.grid.Panel', {
width: 700,
height: 500,
collapsible: true,

title: Infinite grid',
store: store,
loadMask: true,
selModel: {
pruneRemoved: false
multiSelect: true,
viewConfig: {
trackOver: false

variableRowHeight: true

// grid columns
xtype: 'rownumberer',
width: 50,
sortable: false

tdCls: 'x-grid-cell-topic',
text: "name",
dataIndex: 'name',
flex: 1,
sortable: true,
hideable: false
text: "userId",
dataIndex: 'userId',
width: 100,
sortable: true,
hidden: false,
hideable: false
renderTo: Ext.getBody()

Thanks & Regards

18 Feb 2013, 8:50 AM
You use an ArrayStore, but give it a URL?

The purpose of an ArrayStore is to use a javascript array as the data.

If you give it a Proxy with a URL, it is not an ArrayStore.

BTW, you do know how to generate a response for JSONP proxy as opposed to a JSON proxy don't you?