Categories

Ext JS!!!!!

Welcome!! to Ext JS Tutorial, Ext JS is a pure JavaScript application framework for building interactive web applications using techniques such as Ajax, DHTML and DOM scripting.

Originally built as an add-on library extension of YUI by Jack Slocum, Ext JS includes interoperability with jQuery and Prototype. Beginning with version 1.1, Ext JS retains no dependencies on external libraries, instead making their use optional.

Welcome!! to Ext JS Tutorial, Ext JS is a pure JavaScript application framework for building interactive web applications using techniques such as Ajax, DHTML and DOM scripting.

Originally built as an add-on library extension of YUI by Jack Slocum, Ext JS includes interoperability with jQuery and Prototype. Beginning with version 1.1, Ext JS retains no dependencies on external libraries, instead making their use optional.

Learn how to build Rich Internet Applications with the latest version of the Ext JS
Create forms to theming your website interface, here you will learn the building blocks for developing the perfect web application using Ext JS.
Easy to follow baby step through practicals
You can lots of Ext JS examples which are all fully backed up with code samples.

Ext JS 4.0 is a pure JavaScript application framework
• Cross-platform applications using browser:
• IE 6.0+
• Chrome 3+
• Firefox 3.6+
• Safari 3+
• Opera 10.5+
• HTML 5, CSS 3.0 support
• Single page application

ExtJS is provided by Sencha: www.sencha.com
• Other Products
• Sencha Touch – framework for building mobile applications
• Sencha.io – cloud services for mobile
• Sencha Animator – tool for designing CSS3 animations

Ext GXT – Application framework for Google Web Toolkit
• Mature Library (Started as YUI-Ext, 2006)
• Cross-browser support
• Client side MVC Framework
• Extensible, object-oriented architecture
• Feature-rich UI widgets (Tab,Grid etc)
• Themes
• Localization

Out of the box components:
• Viewport
• Panel, Container, Field Container,
• dialog boxes
• tree, tree grid
• combo box, slider
• pickers (date, time, color)
• menu, button, toolbar, and tooltip
• grid
• … and a lot more
• Drag and Drop
• A Model represents some type of data in an application - for example an e-commerce app might have models for Users, Products and Orders.
• Can have relational models
• Order (a model)can have multiple OrderItems (another model)
• Association
• BelongsTo
• HasMany
• Validation
• Presence
• Format
• Length
• Custom

Ext.define('UserData', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'id', type: 'int' },
        { name: 'name', type: 'string' }
    ]
});