Load data from REST where response is string

[luciano.lima]

Hello guys.
I defined a view that extends from Ext.List. I created a store and a Model for this.

My Store:

Ext.define('ConnectMobile.store.Groups', {
    extend: 'Ext.data.Store',
    requires: [
        'Ext.data.proxy.Ajax'
    ],
    config: {
        model: 'ConnectMobile.model.Groups',
        autoLoad: true,
        proxy: {
            type: 'ajax',
            url: 'url of the REST server',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                rootProperty: 'result',
            }
        }
    }
});

My Model:

Ext.define('ConnectMobile.model.Groups', {
    extend: 'Ext.data.Model',
    
    config: {
        clientIdProperty: 'guid',
        fields: [
            {name: 'guid', type: 'int'},
            {name: 'owner_guid', type: 'int'},
            {name: 'container_guid', type: 'int'},
            {name: 'access_id', type: 'int'},
            {name: 'name', type: 'string'},
            {name: 'picture', type: 'string'}
        ]
    }
});

My Ext.List view:

Ext.define('ConnectMobile.view.GroupsList', {
    extend: 'Ext.List',
    xtype: 'connectgroupslist',
    config: {
        itemCls: 'groups-list-item',
        // This is a test template
        itemTpl: '<div class="connect-left"><span class="title">{name}</span><span class="status">Open</span></div><div class="connect-right activity">2</div>',
        store: 'Groups',
        layout: 'fit'
    }
});

My ContainerPanel:

Ext.define('ConnectMobile.view.GroupsContainer', {
    extend: 'Ext.navigation.View',
    xtype: 'connectgroupscontainer',
    requires: ['ConnectMobile.view.GroupsList'],
    config: {
        fullscreen: true,
        navigationBar : {
            docked : 'top',
            items : [
                {
                    text : 'Sair',
                    align : 'right',
                    handler: function (obj) {
                        obj.up('connectgroupscontainer').onLogoutButtonTap();
                    },
                    scope: this
                }
            ]
        },
        items: [
            {
                title: 'Grupos',
                xtype: 'connectgroupslist'
            }
        ]
    }
});

My listview is in a ContainerPanel.
My problem is that my proxy Store is a rest and returns:

{
     status: int,
     result: json string
}

When I define rootProperty: 'result', the data is not loaded in Store.
What should I do to load the Store data correctly?
The result comes like this:

{
     data:
     {
         error: bool,
         errorMsg: string,
         total: int,
         groups: array
     }
}

The data I need are in result.data.groups, but result is a string

[mitchellsimoens]

So it's like this:

{
    status : 1,
    result : '[...]'
}

and not

{
    status : 1,
    result : [...]
}

Notice the quote in the first one.

[luciano.lima]

Exactly, it's a string, not an array neither a json

[mitchellsimoens]

It's thinking it's a string, it really has to be an array to work