Blog

Ext 2.0 Final Released

December 04, 2007 | ReyBango

The Ext team is proud to announce that the official release of Ext v2.0 is available for download. This new version of the Ext framework is the culmination of many long hours of work and dedication by the Ext Core team as well as our community of testers and supporters. Ext 2.0 is a dramatic step forward from all previous versions of Ext, providing increased performance, ease of configurations, flexibility and UI capabilities. We've also made learning how to use Ext much easier with a completely revamped document center and expanded & better organized samples. All of this without a significant library size increase in this new version.

New Features

The Ext framework has always been praised for it's attractive UI components and top-notch foundation. It was important that Ext 2.0 carry on the reputation of providing a great base to build upon while incorporating new features that are unique to the Ext 2.0 framework. These include: Grouping & Group Summary Ext 2.0 introduces highly configurable single-level column grouping capabilities as well as summary rollups at the group level. These two additions are critical in decision support (DSS) and report intensive applications. Important to note is that Ext’s grid sorting functionality continues to work as expected, sorting data within each group set as opposed to sorting the whole grid. The group summaries support multiple types of calculations and are implemented as a Ext.Component plugin which allows Ext users to decorate existing UI components with their own custom functionality. Scrolling Tabs The new Ext 2.0 scrolling tabs are truly amazing and provide for a much more flexible UI then traditional static-based tabs. I think Jack says it best:

Call me crazy, but I can sit, click and play with these tabs all day.

The tab metaphor is synonymous, from a UX perspective, with segmenting unique sections of data with the context of a page. With increased demand for data presentation via tabs, without the reciprocal increase in screen real estate, the team took a step back and decided to rethink the way that tab controls should function. The approach was to allow as many tabs as necessary to be created and display them within a scrolling metaphor. By extending the Ext.TabPanel control with a new “autoScroll” directive, all tabs added to the panel instantly fall into the scrollable behavior of the tab panel:
 
var tabs = new Ext.TabPanel({
    renderTo:'tabs',
    resizeTabs:true, // turn on tab resizing
    minTabWidth: 115,
    tabWidth:135,
    enableTabScroll:true,
    width:600,
    height:250,
    defaults: {autoScroll:true},
    plugins: new Ext.ux.TabCloseMenu()
});
Anchor Layout A common theme in desktop applications is the ability for form fields to be anchored to fit the size of their container. Unfortunately, HTML & CSS don’t easily lend themselves to this type of behavior, throwing off form element positions unless carefully crafted styles are created. Even with that, inconsistencies across browsers forces even further hacks to be developed to ensure that form elements remained positioned as expected. The team extended the FormPanel component to allow form controls (and other components) to be anchored to a specific size within a specific container.
 
var form = new Ext.form.FormPanel({
    baseCls: 'x-plain',
    labelWidth: 55,
    url:'save-form.php',
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'Send To',
        name: 'to',
        anchor:'100%'  // anchor width by percentage
    },{
        fieldLabel: 'Subject',
        name: 'subject',
        anchor: '100%'  // anchor width by percentage
    },{
        xtype: 'textarea',
        hideLabel: true,
        name: 'msg',
        anchor: '100% -53'  // anchor width by percentage and height by raw adjustment
    }]
});
 
The code for this is fairly straightforward allowing flexibility to decide how the height and width of the anchored fields should be affected by a resize of the container panel. Column Tree In Ext 2.0, one thing we've focused on is providing examples of customizing Ext UI components. The example below demonstrates how easily the Ext tree panel can be customized to add support for columns in the nodes. A prime example of an application the could benefit from this would be a project planner as demonstrated below:

New API Documentation Center

We wanted to make traversing the Ext API as simple as possible and that prompted a substantive revamp of our document center. The new version continues to make use of the intuitive treeview metaphor but great expands on this by taking advantage of the new scrolling tabs feature being introduced in Ext 2.0. By selecting a specific API topic on the tree, a new tab will appear allowing developers to maintain multiple API documents open at one time instead of being limited to only one page at a time. A new search feature has also been added which acts to filter down the treeview based on a keyword entered into the search field. In addition, each page now contains quick links which will immediately scroll the users down to view properties, methods and events of a specific class. Finally, a new "Direct Link" feature greatly simplifies the ability to bookmark specific pages of the API by providing a permalink for specific sections of the documentation. The developer API documentation has been fully updated for 2.0 as well. Along with the newly-designed doc center, it's now easier than ever to find the help you're looking for.

New 2.0 Documentation

The Ext Team has been hard at work creating documentation for the 2.0 release. We now have several documents for new and existing Ext users that should come in very handy during the transition to 2.0. Introduction to Ext If you are brand new to Ext, you should start with our original tutorial, the Introduction to Ext. This tutorial was created for the original 1.0 release, but has been newly updated for 2.0. This is a great place to start if you've never written any code in Ext. Ext 2.0 Overview Ext Container ModelThe Ext 2.0 Overview is primarily intended for those with some prior experience with Ext, as it dives into some advanced topics. However, it is a great place to start for anyone just getting their feet wet with 2.0. This overview provides an introduction to all of the major new areas within 2.0 including: Ext 1.x to 2.0 Migration Guide Grid Upgraded from 1.x to 2.0Existing 1.x users should be happy to see the 1.x to 2.0 Migration Guide. Unfortunately, with changes of the magnitude made in 2.0, it was not possible to maintain complete backwards compatibility to 1.x. However, we have taken great pains to ensure that the upgrade path is as seamless as possible. This guide provides an extremely detailed overview of every breaking change between 1.x and 2.0, including comprehensive explanations of how and why each area changed. It also includes detailed API comparisons between classes when appropriate.

New 2.0 Samples

Prior to this release, the demos for Ext were consolidated into the API viewer making it cumbersome to differentiate what was a demo and what was part of the API document viewer. We have now detached the demos and organized them onto a standalone page. The applications are also grouped into specific subsections to allow Ext developers to drill down into applications that show specific Ext functionality. Web Desktop Sample

When the Web Desktop sample application was released during the Ext 2.0 beta process, people were astounded by the demo and could instantly see the power to build desktop-like applications using standards-based technologies.

Notice in the screenshot that modeless windows are being used within an MDI (Multiple Document Interface) paradigm to display data to the user. In addition, the Webtop has a taskbar and start menu implementation, again similar to many operating systems, that allow ease in determining with tasks are currently open within the webtop and fast switching between the open tasks.

Portal Samples Building dashboard-style applications similar to iGoogle or PageFlakes are all the rage so we’ve included a demo application as a foundation for building a portal application. The demo includes functionality for smooth repositioning of the portlets via drag and drop functionality and each portlet has the standard minimize and close functionality found in similar dashboard implementations. In addition, each portlet has a settings icon which is bound to a custom event handler and allows Ext developers to define behaviors that their users can apply to specific portlets.

Training and Consulting

This new release is an evolutionary step for Ext JS, bringing to market a scalable and enterprise-capable framework on which to build Rich Internet Applications. To compliment our support offerings, Ext JS is now offering training and consulting services provided directly by the Ext Core Team. Leveraging the Core Development Team of Ext JS, we can assist you during every stage of the application lifecycle — from design and development, through testing and deployment, to on-going maintenance of your web application. Training Services

On-site training by a member of the Ext Team is a great way to ensure your project gets started in the right direction. Whether introductory or guru level, we can provide you with Ext training to match your team's skills.

Consulting Services

Led by Jack Slocum, creator of the Ext framework and CTO of Ext JS, our core development team has been hand-picked for their technical expertise and industry experience in a variety of business sectors, ensuring the highest quality development services available.

For more information, please contact us at services@extjs.com.

Ext 2.0 Final is now Available for Download

Ext 2.0 is immediately available for download and code updates are available to SVN subscribers in the Ext SVN under branches/ext2.0.

There are 94 responses. Add yours.

Cloudream

4 years ago

Great jobs~

wopenonline111

4 years ago

cogratulations!

Paro

4 years ago

Cogratulations!

  Ext 2.0 Final Released by Ajaxono

4 years ago

[...] the annoucement right from the Ext JS Blog: The Ext team is proud to announce that the official release of Ext v2.0 is available for download. This new version of the Ext framework is the culmination of many long hours of work and dedication [...]

manmis

4 years ago

Very very hearty congratulations! And so many thanks!

hhkaos

4 years ago

Great work! smile thanks all the team for this awesome framework, ‘I’m loving it’ wink

gnosis.kv

4 years ago

Great!!! Many Congratulations!!! More thanks!!!!

DannyR

4 years ago

Most welcome news.  Congratulations on another great milestone!

bluethinking

4 years ago

Cogratulations!
Thank you very much.

ask

4 years ago

I updated svn late last night and noticed the “Updated Ext version” log message.

Congrats!  It’s an awesome release.

  - ask

bolanki

4 years ago

Sweet!!! Thanx for an awesome framework!!!!!!!

Ajaxian » Ext 2.0 Final Released

4 years ago

[...] have seen the betas and the release candidates. Now we see the final release of Ext 2.0. Major congratulations to Jack, Rey, and the entire Ext community.  The Ext team is proud to [...]

joe

4 years ago

Thanks for the adding the autoScroll.  It’s exactly what we needed for our current project.

sdhjl2000

4 years ago

Cogratulations! Good Work!

Jeff

4 years ago

Congrats! Been waiting for this big event!

Ajax Girl » Blog Archive » Ext 2.0 Fin

4 years ago

[...] have seen the betas and the release candidates. Now we see the final release of Ext 2.0. Major congratulations to Jack, Rey, and the entire Ext community.  The Ext team is proud to [...]

xchange

4 years ago

Cool!!! Thanks for this gooood news.

rob.versluis

4 years ago

Super!! Good work!

Ext JS 2.0 Final Released | David Bisset: Web Desi

4 years ago

[...] experience yet with Ext JS but with the new 2.0 version released, there’s alot of reasons why i should. A few samples I tried out really impressed me. [...]

ludoo

4 years ago

A great news ; I’m waiting since last month. I’m going to update my project immediatly from Ext-beta to this long awaited final version.
Congratulations and continue through this way ; it’s perfect !!!

chun499

4 years ago

Thx for this awesome framework…................ Good work!

fabianbartsch » Blog Archive » EXT 2.0

4 years ago

[...] eine Menge spannende Dinge zu erwarten haben, und ich möchte auch an dieser Stelle nochmals Jack, Brian, Rey und dem Team sowie der ganzen EXT-Community für ihren Einsatz meinen Respekt [...]

Martin Rehfeld

4 years ago

Super! Can’t wait to try it out in future Ruby on Rails projects.

Ananto Wibisono

4 years ago

Great guys…!! Thanks…. I’ll try it right now….

SlashEMc2k

4 years ago

Keep the amazing work up!
Love this framework wink

yemoo

4 years ago

so love it! congratulations!!

Pagebakers » Ext JS 2.0 Final released!

4 years ago

[...] Full article can be found here. [...]

RIABG.org » Ext 2.0 Final

4 years ago

[...] ??????????? ?????? 2.0 ?? Ext. ??? ???????? [...]

violinista

4 years ago

Congratulations! This library made my life much easier. Keep up good work!

Greetings from Serbia!

symfonyac

4 years ago

Congratulations! Greetings from Ukraine!

der Hase

4 years ago

GREAT WORK!

Greetings from Bavaria!

sharepat

4 years ago

Thanks a lot ! Great work !

Nawak, Le blog avec des Chinois dedans » Ext

4 years ago

[...] une librairie javascript, encore une, mais qui semble promise à un bel avenir. En tout cas c’est le Blog des Bois qui [...]

????????? ????? ExtJS 2.0 - ??????????! | Alpha-Be

4 years ago

[...] ??, ???????! ??? ????????, ????? ? ????? ????????? ??????? ????????????? ?????????? - ???-???????????? ???????? ? ???? ???????????? ????????? ????? ????? ?????? ? ???????? AJAX ?????????? ??? ?????????? ??????????? ???-??????????? - Ext 2.0. ?? ??? ????? ???????????? ????????? ??????? ?????, ????? ????-??????, ?? ???????? ?????????? ???? ?????-????????, ? ?????? ??? ??????????? ?????? ??????????? ??????? ? ????????? ? ?????? ????, ??????? ????????, ??????? ?????, ????????? ??????. [...]

Ext JS ??-?????? » Blog Archive » ????

4 years ago

[...] ??, ???????! ??? ????????, ????? ? ????? ????????? ??????? ????????????? ?????????? - ???-???????????? ???????? ? ???? ???????????? ????????? ????? ????? ?????? ? ???????? AJAX ?????????? ??? ?????????? ??????????? ???-??????????? - Ext 2.0. ?? ??? ????? ???????????? ????????? ??????? ?????, ????? ????-??????, ?? ???????? ?????????? ???? ?????-????????, ? ?????? ??? ??????????? ?????? ??????????? ??????? ? ????????? ? ?????? ????, ??????? ????????, ??????? ?????, ????????? ??????. [...]

mattias

4 years ago

Fantastic work! Ext is best!
Greetings from Stockholm, Mattias

fblondel

4 years ago

It is with people like you that we can move forward!
Thank you a lot!!

blutarsky

4 years ago

Great work!! Thank you very much!!!!
Siete i migliori!!!

Lucian

4 years ago

Congratulations…can we hope for more?...:D

Javascript News » Blog Archive » Ext 2

4 years ago

[...] have seen the betas and the release candidates. Now we see the final release of Ext 2.0. Major congratulations to Jack, Rey, and the entire Ext community.  The Ext team is proud to [...]

techbug

4 years ago

Congratulations!!

asingh

4 years ago

Congratulations!! Awesome!!.....Live saver….

asingh

4 years ago

Sorry - it should be Life Saver ...

Niko

4 years ago

GREAT WORK, you are super men!

Thomas Frank

4 years ago

Congrats!
Great work. Note to future grandchildren: “There once was a time when grandpa had to place divs, read mouse positions and draw dialog boxes himself. That was before extjs of course, very different times to live in…”

/Thopmas

Andy

4 years ago

Another thumbs up from a grateful user.

I almost wonder if ExtJS adoption may be greater if tutorials and feature lists demonstrated the use of BasicForm and TextField for the validation of existing XHTML forms on a site. For example, many new web MVC frameworks use Prototype and the sample Really Easy Field Validation code. But it’s just as easy - and I think better - doing this via ExtJS.

Juanito

4 years ago

Amazing news… Thanks Jack and company.

hemper

4 years ago

Guys big thanks for this amazing work !!!

dnlmax

4 years ago

Extremadamente fabulosa la version Ext 2.0, ... Excelente trabajo el de Jack y su equipo !!!

Gracias !!!!

santosh.rajan

4 years ago

Congradulations!! Great Job!!

rshell

4 years ago

This is a release I have really been looking forward to. Been working beta and RC for a time now and have managed to
go further then ever expected in generating a rich user interface in a web browser. Think this library be one of the foundations of taking javascript development main stream lose its “black arts” status. Its as certainly helped improved my own Javascript style and skills.

PHP Blogger: Ext 2.0 Final veröffentlicht - Ein PH

4 years ago

[...] weiß es die ganze Welt, aber ich zieh der Vollständigkeit halber auch noch nach: Die Finalversion von Ext 2.0 ist veröffentlicht. [...]

bbartels

4 years ago

Awesome job guys,  one of the best frameworks around!

lostxp

4 years ago

Congratulations!!
Good work..

BC

4 years ago

Shagadellic!

Dave

4 years ago

Congrats! Is there a changelog between the last beta and the final?

Ext 2.0 Final Released | Web Creation Zone!

4 years ago

[...] 4, 2007 on 12:37 am | In Ajax |  We have seen the betas and the release candidates. Now we see the final release of Ext 2.0. Major congratulations to Jack, Rey, and the entire Ext community.  The Ext team is proud to [...]

Peter

4 years ago

I like ext smile I work with Ext 2 since the alpha and it’s realy cool. Great job guys!!

ovan

4 years ago

I call it Web 3.0 wink

americos

4 years ago

Excelente

crazysoo

4 years ago

Thanks Jack and company.

KENT

4 years ago

Great ! Keep it up !

theba.hu

4 years ago

ExtJS 2.0 final…

Végre megjelent az ExtJS javascript framework 2.0 final verziója. Megannyi újdonsággal és érdekességgel.
Minden JS-ben fejleszt?nek érdemes legalább a demókat megtekinteni, érdekes újítások, újdonságok vannak benne!
Én már az Alpha-1…

amon

4 years ago

I’ll clink glasses at this evening! :o)
Congratulation, dudes!

Ext 2.0 Final Released | Life without names

4 years ago

[...] of Ext, providing increased performance, ease of configurations, flexibility and UI capabilities.  Details >>>  framework javascript web [...]

Entradas en las blogosferas.35 - Carrero Bitácora

4 years ago

[...] Versión 2.0 final de la librería ExtJS para Javascript, realmente buena. [...]

al_capone

4 years ago

You are the best! Thanks a lot!

Jameback

4 years ago

I love Ext!
But, Why the dir “package” don’t exsit in the new released zip!  Because we need the detailed package to deduce js!

JasonMichael

4 years ago

Just what the doctor ordered.

Brian

4 years ago

Gorgeous and polished…but…no accessibility FTL!!!

:(

I hope you address this soon, as I’d love to see your hard work pay off!

fausastu

4 years ago

This is my Christmas Gift.

Thanks ext-Team

Shan Hanif

4 years ago

Good Job. Ext-js is certianly the next version of the internet.

Tower Engineering » Ext 2.0 - Framework Java

4 years ago

[...] giorni fa è stata rilasciata la versione 2.0 delle librerie [...]

mamude

4 years ago

Great Job, Extjs is the best!!!

Jorge

4 years ago

Parabéns!
Congratulations!

Muito bom trabalho da equipe ExtJS.
Great work from ExtJS team.

Valeu.
Thanks.

Ali

4 years ago

Well.. The Ext team SHOULD be proud to announce the release… it’s awesome.. Just awesome..Congrats guys! and Thanks..

Lobos

4 years ago

I can’t express enough how much I appreciate the work that went into creating this engine. As a developer what works with extJS everyday I get a unique insight into the power and quality of this library. Congratulations to the extJS team; the release of extJS 2.0 Final marks a significant milestone on the road to WEB 2.0

-Lobos

Ext 2.0 Final Released | PHPCSF - A Blog About PHP

4 years ago

[...] have seen the betas and the release candidates. Now we see the final release of Ext 2.0. Major congratulations to Jack, Rey, and the entire Ext community.  The Ext team is proud to [...]

Turulcsirip - tapir

4 years ago

[...] 2.0 final: http://extjs.com/blog/2007/12/04/ext-20-final-released/  « el?z? | tapir — 2007. 12. 10. [...]

pulen

4 years ago

Great Jobs ....

You The Man !!
......

_________

Be?-????? #6 - AJAX, AJAX ? ????? AJAX. | Alpha-Be

4 years ago

[...] Ext 2.0 Final Released - ?? ? ? ??????????, ??? ???, ??? ?? ????? - ????? ?????????? ?????? ?????? ?????? ??????? ?????????? ??? ?????????? ???????????????? ?????????? ? ??????????? ExtJS. ??? ??????? - ??????????? ??????????, ??????? ? ???????????????? ??????????? ????????. [...]

anupjodish

4 years ago

Awesome ....
Great Work !!

Thank you very much

Ext 2.0 Final Released | Ajaxonomy

4 years ago

[...] the annoucement right from the Ext JS Blog: The Ext team is proud to announce that the official release of Ext v2.0 is available for download. This new version of the Ext framework is the culmination of many long hours of work and dedication [...]

danielbernal

4 years ago

Great Job….I using this frameworks from all my projects…. Thanks from Venezuela…

cnmzlb

4 years ago

when I use ext2.0 grid,the PagingToolbar set pagesize 150 that is no use,I find if my recordCount >100 next page is invalidation

alex

4 years ago

Great Job! Thank u for the MASTER PIECE!
but to get cpu use down will make it better.

The Giant

4 years ago

I’m SO Glad That the world have hands like yours and have mind like yours

Congradulations!! Great Job!!

hb562100

4 years ago

?? jack ? ??ext????

Thanks for jack and all of the ext ‘s coders.

MVA

4 years ago

???????? ??????. ?????????? ??????? ? ??????????? ???????.

?? ???? ???? ????, ????? ???????????? ?? ????????, ?? ? ???? ?? ?????????.
? ????? ext-base.js, ??? ????????

if(options.xmlData){
              this.initHeader(‘Content-Type’, ‘text/xml’, false);
              method = ‘POST’;
              data = options.xmlData;
          }else if(options.jsonData){
              this.initHeader(‘Content-Type’, ‘text/javascript’, false);
              method = ‘POST’;
              data = typeof options.jsonData == ‘object’ ? Ext.encode(options.jsonData) : options.jsonData;
          }
        }

        return this.asyncRequest(method, uri, cb, data);

? ??? ???????????

asyncRequest:function(method, uri, callback, postData)
...
if(postData && this.useDefaultHeader){
              this.initHeader(‘Content-Type’, this.defaultPostHeader);
          }
...

? ?????????? ?????????? ?????????:

‘Content-Type’ = ‘application/x-www-form-urlencoded,text/xml’
???
‘Content-Type’ = ‘application/x-www-form-urlencoded,text/javascript’

???? ??????? ???:

if(options.xmlData){
              this.initHeader(‘Content-Type’, ‘text/xml’, false);
              method = ‘POST’;
              data = options.xmlData;
              this.useDefaultHeader = false;
          }else if(options.jsonData){
              this.initHeader(‘Content-Type’, ‘text/javascript’, false);
              method = ‘POST’;
              this.useDefaultHeader = false;
              data = typeof options.jsonData == ‘object’ ? Ext.encode(options.jsonData) : options.jsonData;
          }
        }
        var r1 = this.asyncRequest(method, uri, cb, data);
        this.useDefaultHeader = true;
        return r1;

Exotux Blog » Blog Archive » Ext 2.0 f

4 years ago

[...] officiel, elle est arrivée. Foncez télécharger le framework javascript Ext 2.0. Elle a un peu de retard mais tout fini par arrivé finalement ! Peut être qu’on aura [...]

The Links « rewrite

4 years ago

[...] Ext 2.0 Final Released [...]

???????? ?????????: ???-??????????, ????????????,

3 years ago

[...] ?????? ????? ????????? ????????????, ????????? ????????? ????????.  ??????? ?? ????? Ext JS [...]

Comments are Gravatar enabled. Your email address will not be shown.

Commenting is not available in this channel entry.