stoy intentando implementar Ext.ux.grid.filter.ListFilter usando un almacén de datos (en lugar de una lista codificada) como cubierto aquí en la API ExtJS 4. Los datos vienen bien y veo una opción de filtro en esta columna, pero solo dice "Cargando ..." donde se supone que las opciones de filtro son:

Estoy bastante seguro de que tengo esto configurado según las especificaciones de la API, pero no he tenido suerte con esto. ¿Alguien ha implementado esto correctamente?

La tienda que uso para obtener las opciones de filtro está configurada de esta manera:

// get the levels for filtering
var levelStore = Ext.create('Ext.data.Store', {
    fields: ['levels'],
    proxy: {
        type: 'ajax', 
        url: '../json?queryName=levels',
        reader: 'json'
    },
    autoLoad: true
});

Implementé la configuración del filtro en la columna de la siguiente manera:

{
header: 'Level',
dataIndex: 'levels',
width: 160,
sortable: true,
filter: {
    type: 'list',
    store: levelStore
}

Algunos pensamientos que tuve:

¿Necesito que mi almacén de datos de opciones de filtro tenga un título de columna específico, como "nombre" en lugar de "nivel"?

ntenta obtener las opciones de la tienda antes de que se carguen desde ajax, y hay una forma no especificada de decirle que cargue estas opciones de filtrodespué se devuelve el ajax?

¿Necesito implementar mi configuración de filtro por separado de la configuración de la columna para usar esta? (todas mis otras configuraciones de filtro, se realizan directamente en la configuración de la columna y parecen funcionar bien)

EDITAR

La respuesta de json se ve así, no estoy seguro de si está causando el problema:

[{"levels":"Level 1"},{"levels":"Level 2"},{"levels":"Level 3"}]