Wakanda REST API with ExtJS 4

To ease the use of the Wakanda REST API with ExtJS 4, the Revolunet developer team have override several ExtJS objects:

This allows to create Wakanda models in ExtJS 4 and use data of a Wakanda server.

Let's say we have created data sources on Wakanda server, "Company" and "Employee", like:

datasources

When an Ext.data.WakandaModel is declared all the model description is fetched from the server and creates an ExtJS model bound to the related Wakanda data source. If there is a Wakanda data source named "Employee" on the server we can define an "Employee" model in ExtJS 4, like:

Ext.define('Employee', {
    extend: 'Ext.data.WakandaModel'
});

And use it in store:

var store = Ext.create('Ext.data.Store', {
    remoteSort: true,
    model: 'Employee'
});

store.load();

Or load it directly:

var Employee = Ext.ModelManager.getModel('Employee');

Employee.load(3083, {
    success: function(employee) {
        console.log(employee.get('lastName')); // Smith
    }
});

Run example project

Open the example project in Wakanda Studio
The project is located here: /example/example/example.waProject
Go to WebFolder directory and run examples

Model (model.html)

This example shows how to use an ExtJS model with a Wakanda data source.
The use of the Ext.data.WakandaModel allows to create, load, update and destroy a Wakanda entity on server.

model

Store (store.html)

This example shows how to use an ExtJS store with a Wakanda data source.
The store proxy use the Wakanda REST API to sort data and to do paging as well.

store