Easy Development

Starting with this basic config, progressively enhance your prototypes into real applications. Below you can find a small overview of some of the features and configs.

The simplest option to scaffold a fully editable grid is:

Ext.create('Ext.grid.Panel', {
    title: 'User Grid with full CRUD support',
    renderTo: 'content',
    scaffold: 'MyApp.model.User'
});

Every function and configuration can be easily overriden, e.g.:

Ext.create('Ext.grid.Panel', {
    title: 'User Grid with full CRUD support',
    renderTo: 'content',
    scaffold: {
        // define the model inside the config object
        target: 'MyApp.model.User',

        // define your buttons
        buttons: ['->','create','reset','save'],

        // define additional defaults
        datecolumnDefaults: {
            format: 'm/d/Y'
        },

        // define your custom onSave function
        onSave: function() {
            Ext.MessageBox.alert("Tada","You've pressed the save button");
        }
    }
});