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

Hi,

I used this with ExtJs 3.3

Code:

---

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

Code:

---

  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

Hello.
Have you found solution to the problem?

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:

Code:

---

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.

Thank You

I would like to add just that if you had

Code:

---

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:

Code:

---

    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

Quote:

---

Originally Posted by 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:

Code:

---

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.

---