尝试在 ExtJS4.2 中的网格上使用缓冲渲染器时，为什么会出现“无方法 'indexOf'”错误

Question

I'm tying to set up a Buffered Renderer for a grid, I have a store and a grid set up similar to the following:

var ds = new Ext.data.Store({
    model: "TestStore",
    data: myData,
    pageSize: 100,
    proxy: {
        type: 'memory',
        reader: {
            type: 'array',
            useSimpleAccessors: true
        }
    }
});

var grid = Ext.widget({
    xtype: 'grid',
    store: ds,
    // ... More setup
    autoLoad: true,
    plugins: {
        ptype: 'bufferedrenderer'
    }
})

When I try to load this grid in my program however, I get the following error:

Uncaught TypeError: Object #<error> has no method 'indexOf'

On this line:

urlAppend : function(url, string) {
        if (!Ext.isEmpty(string)) {
            return url + (url.indexOf('?') === -1 ? '?' : '&') + string;
        }

        return url;
    },

Here is the stack trace:

Ext.String.urlAppend 
Ext.apply.urlAppend 
Ext.define.setOptions 
Ext.define.request 
Ext.define.load 
Ext.define.constructor 
constructor 
Ext.define.getLoader 
Ext.define.constructor 
Base.implement.callParent 
Ext.define.constructor 
constructor 
Ext.apply.widget

I've followed the setup the way the documentation suggests here , but I can't find anything about what I'm doing wrong either on their official docs, or through other sites after some googling.

Answer 1

Don't use autoLoad on the grid. The correct place to use it, should be the underlying data store.