How to implement Ext.Direct in MVC architecture with ExtJs 4?

[Stephane Nadeau]

Hi,

I used this with ExtJs 3.3

Ext.Direct.addProvider(WMS.API);
     Ext.Direct.on('exception', function(e) {
         Ext.Msg.alert('Exception', e.message);
     });

And something like this to call my method

  this.entityTypeStore = new Ext.data.DirectStore({
        reader: this.entityTypeReader,    
        api : {
            read : WMS.WS_EntityType.getAll
        }
    });

How is the good way to implement this with Ext Js 4 in MVC architecture?

Thank you in advance for all the answers

[DofD]

Hello.
Have you found solution to the problem?

[nohuhu]

As of 4.2 Beta 2, this is not a problem anymore. Add Providers in Application's launch method, and use stringified Direct method names, like this:

Ext.define('MyApp.view.SomeGrid', {
    extend: 'Ext.grid.Panel',

    store: {
        proxy: {
            type: 'direct',
            api: {
                read: 'WMS.WS_EntityType.getAll'
            }
        }
        ...
    }
});

Ext.define('MyApp.Application', {
    extend: 'Ext.app.Application',

    launch: function() {
        Ext.direct.Manager.addProvider(WMS.API);
    }

    ...
});

Ext.application('MyApp.Application');

Regards,
Alex.

[DofD]

Thank You

[ZIOLele]

I would like to add just that if you had

autoCreateViewport : true

in your Application declaration then it would'nt work ( it will create the view port before registering the remote api) the solution is quite simple, just set autoCreateViewport to false, and than in Application.launch create the viewport manually after registering the remote api:

    launch: function() {
     console.log("Launching Gestionale");
     Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
     this.viewport = Ext.create('Gestionale.view.Viewport');
    }

Have a nice day :-D
Michele

As of 4.2 Beta 2, this is not a problem anymore. Add Providers in Application's launch method, and use stringified Direct method names, like this:

Ext.define('MyApp.view.SomeGrid', {
    extend: 'Ext.grid.Panel',

    store: {
        proxy: {
            type: 'direct',
            api: {
                read: 'WMS.WS_EntityType.getAll'
            }
        }
        ...
    }
});

Ext.define('MyApp.Application', {
    extend: 'Ext.app.Application',

    launch: function() {
        Ext.direct.Manager.addProvider(WMS.API);
    }

    ...
});

Ext.application('MyApp.Application');

Regards,
Alex.