1 / 25

Exploring ExtJS: A Comprehensive Guide to the JavaScript Framework

This document provides an in-depth overview of ExtJS, a powerful JavaScript library designed for building Rich Internet Applications (RIAs). From its introduction in 2006 by Jack Slocum to its latest versions, learn about its applications, structure, and features. Explore its advantages, such as strong UI capabilities and good performance, alongside challenges like complexity and size. The guide includes samples, a detailed outline of components, and insights into the framework's OOP features, making it a valuable resource for developers looking to enhance their web applications.

eljah
Télécharger la présentation

Exploring ExtJS: A Comprehensive Guide to the JavaScript Framework

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adweb Opentopic AJAX E J x S t Loading… Speechmaker: 0556151 DVilla PPTmaker: 06302010071 Ruby

  2. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  3. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  4. Brief Introduction notion • A Javascript Library for RIA Adweb Opentopic – Ajax - ExtJS

  5. Brief Introduction history • 2006 Jack Slocum extended Yahoo!User Interface(YUI) as YUI-Ext • 2007 Apr 1st, version 1.0 officially published • So far latest established - v2.2 to be established – v3.0 Adweb Opentopic – Ajax - ExtJS

  6. Brief Introduction characteristic • 100% javascript - supported by most browsers • Open Source • OOP • Integrated with… • Adobe AIR • Google Gears • Google Maps • Other data handling/events/css control… Adweb Opentopic – Ajax - ExtJS

  7. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  8. Application http://10.132.140.71:4230/homework/students.xml Adweb Opentopic – Ajax - ExtJS

  9. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  10. Structure & Content hiberarchy Adweb Opentopic – Ajax - ExtJS

  11. Structure & Content UI ContainerLayout • AbsoluteLayout • Accordian • AnchorLayout • BorderLayout • CardLayout • ColumnLayout • FitLayout • FormLayout • TableLayout • FieldSet • FormPanel • GridPanel • TreePanel Panel • TabPanel • Tip • Window Adweb Opentopic – Ajax - ExtJS

  12. Structure & Content UI Window • MessageBox • Window TreePanel • TreeNode • AsyncTreeNode • TreeLoader • TreeNodeUI • SelectionModel Adweb Opentopic – Ajax - ExtJS

  13. Structure & Content UI Form • GridPanel • EditorGridPanel • PropertyGrid • GridView • GroupView • ColumnModel • SelectionModel Adweb Opentopic – Ajax - ExtJS

  14. Structure & Content UI FormPanel • Field • Checkbox • ComboBox • DateField • Hidden • HtmlEditor • NumberField • Radio • TextArea • TextField • TimeField • TriggerField Adweb Opentopic – Ajax - ExtJS

  15. Structure & Content UI Template • XTemplate • DataView Data • DataStore • DataReader • Proxy • Record Adweb Opentopic – Ajax - ExtJS

  16. Structure & Content UI • Others Menu/Toolbar… Tool • Ajax • DomHelper • DomQuery • LoadMask • QuickTips • CSS • Json • Format • DelayedTask Fx • Highlight • Frame • fadeIn • fadeOut • slideIn • slideOut • Easing • switchOff • Puff • Scale • sequenceFx • Shift • Ghost • Pause • syncFx • stopFx Adweb Opentopic – Ajax - ExtJS

  17. Structure & Content UI OOP Implements • Extend extend a parent class to get a child class • Apply / ApplyIf copy attributes of one class to another • Override override some methods in some classes Adweb Opentopic – Ajax - ExtJS

  18. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  19. Samples http://extjs.com/deploy/dev/examples/samples.html Adweb Opentopic – Ajax - ExtJS

  20. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  21. Pros and Cons chart in 2007 • Compare with… jQuery, Mootools, Dojo… Adweb Opentopic – Ajax - ExtJS

  22. Pros and Cons Pros • Strong UI & good performance • Speed • OOP/module good expansibility • Complete Documents • … ^-^ Cons • Complexity • Heavy frame (includes plenty of UI) • … T-T < > Adweb Opentopic – Ajax - ExtJS

  23. Outline Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A Adweb Opentopic – Ajax - ExtJS

  24. ? Q & A Adweb Opentopic – Ajax - ExtJS

  25. Though DEADLINE is never over, Happiness should NEVER be lost. +u to all. ^-^ Thanks at the end Adweb Opentopic – Ajax - ExtJS

More Related