1 / 25

Adweb Opentopic AJAX

Adweb Opentopic AJAX. E. J. x. S. t. Loading…. Speechmaker: 0556151 DVilla. PPTmaker: 06302010071 Ruby. Outline. Brief Introduction Applications Structures & Contents Samples Pros and Cons Q & A. Adweb Opentopic – Ajax - ExtJS. Outline. Brief Introduction Applications

eljah
Download Presentation

Adweb Opentopic AJAX

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