Skip to content
This repository

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

  1. Open the example project in Wakanda Studio
    The project is located here: /example/example/example.waProject

  2. 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

Filter (filter.html)

This example shows how to create an ExtJS "infinite scroll" grid based on Wakanda data source.
The store proxy allows data filters.

filter

RPC (rpc.html)

This example shows how to request a Wakanda server RPC method to animate an ExtJS chart.

rpc

Something went wrong with that request. Please try again.