Rapid Prototype ExtJS 4

Bancha Scaffold Example

Easily create grid and form panels from your existing model definitions. This will help you create beautiful prototypes in minutes. And it's completly free and open source!

Features

  • Scaffold grid configurations
  • Scaffold form configurations
  • Provides default create, edit and delete handling
  • Recognizes and maps field types
  • Provides interceptors
  • and a lot of configurations!

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");
        }
    }
});

Support

  • Free community support is available in the forums
  • We also provide commercial support options, for more information just write to support@banchaproject.org

Connect & Share