Ext 2.0 Final Released
December 4, 2007 by 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
The 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:
- The new Component Model that underlies all major components
- The new Container and Layout Models that provide the visual and structural framework for Ext
- Updates and new features for the Grid component
- The new XTemplate and DataView classes for template processing and data-bound UIs
Ext 1.x to 2.0 Migration Guide
Existing 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.
Posted on December 4th, 2007 at 12:40 am
Great jobs~
Posted on December 4th, 2007 at 1:02 am
cogratulations!
Posted on December 4th, 2007 at 1:12 am
Cogratulations!
Posted on December 4th, 2007 at 1:33 am
[...] 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 [...]
Posted on December 4th, 2007 at 1:46 am
Very very hearty congratulations! And so many thanks!
Posted on December 4th, 2007 at 1:57 am
Great work!
thanks all the team for this awesome framework, ‘I’m loving it’ 
Posted on December 4th, 2007 at 2:03 am
Great!!! Many Congratulations!!! More thanks!!!!
Posted on December 4th, 2007 at 2:17 am
Most welcome news. Congratulations on another great milestone!
Posted on December 4th, 2007 at 2:33 am
Cogratulations!
Thank you very much.
Posted on December 4th, 2007 at 2:46 am
I updated svn late last night and noticed the “Updated Ext version” log message.
Congrats! It’s an awesome release.
- ask
Posted on December 4th, 2007 at 2:48 am
Sweet!!! Thanx for an awesome framework!!!!!!!
Posted on December 4th, 2007 at 2:48 am
[...] 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 [...]
Posted on December 4th, 2007 at 3:03 am
Thanks for the adding the autoScroll. It’s exactly what we needed for our current project.
Posted on December 4th, 2007 at 3:09 am
Cogratulations! Good Work!
Posted on December 4th, 2007 at 3:21 am
Congrats! Been waiting for this big event!
Posted on December 4th, 2007 at 3:29 am
[...] 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 [...]
Posted on December 4th, 2007 at 3:31 am
Cool!!! Thanks for this gooood news.
Posted on December 4th, 2007 at 3:37 am
Super!! Good work!
Posted on December 4th, 2007 at 3:49 am
[...] 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. [...]
Posted on December 4th, 2007 at 4:03 am
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 !!!
Posted on December 4th, 2007 at 4:27 am
Thx for this awesome framework………………. Good work!
Posted on December 4th, 2007 at 4:34 am
[...] 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 [...]
Posted on December 4th, 2007 at 4:42 am
Super! Can’t wait to try it out in future Ruby on Rails projects.
Posted on December 4th, 2007 at 5:02 am
Great guys…!! Thanks…. I’ll try it right now….
Posted on December 4th, 2007 at 5:07 am
Keep the amazing work up!
Love this framework
Posted on December 4th, 2007 at 5:43 am
so love it! congratulations!!
Posted on December 4th, 2007 at 5:44 am
[...] Full article can be found here. [...]
Posted on December 4th, 2007 at 5:45 am
[...] официалната версия 2.0 на Ext. Във версията [...]
Posted on December 4th, 2007 at 5:49 am
Congratulations! This library made my life much easier. Keep up good work!
Greetings from Serbia!
Posted on December 4th, 2007 at 6:14 am
Congratulations! Greetings from Ukraine!
Posted on December 4th, 2007 at 6:30 am
GREAT WORK!
Greetings from Bavaria!
Posted on December 4th, 2007 at 6:37 am
Thanks a lot ! Great work !
Posted on December 4th, 2007 at 6:49 am
[...] une librairie javascript, encore une, mais qui semble promise à un bel avenir. En tout cas c’est le Blog des Bois qui [...]
Posted on December 4th, 2007 at 6:53 am
[...] Да, наконец! Без сомнения, очень и очень ожидаемое событие действительно свершилось - веб-разработчики получили в своё распоряжение финальный релиз самой мощной и красивой AJAX библиотеки для построения современных веб-интерфейсов - Ext 2.0. Не так давно разработчики выпустили сначала альфу, потом бета-версию, за которыми последовал один релиз-кандидат, а теперь нам подготовили просто шикарнейший подарок к Рождеству и Новому году, наконец выпустив, сегодня утром, финальную версию. [...]
Posted on December 4th, 2007 at 7:00 am
[...] Да, наконец! Без сомнения, очень и очень ожидаемое событие действительно свершилось - веб-разработчики получили в своё распоряжение финальный релиз самой мощной и красивой AJAX библиотеки для построения современных веб-интерфейсов - Ext 2.0. Не так давно разработчики выпустили сначала альфу, потом бета-версию, за которыми последовал один релиз-кандидат, а теперь нам подготовили просто шикарнейший подарок к Рождеству и Новому году, наконец выпустив, сегодня утром, финальную версию. [...]
Posted on December 4th, 2007 at 7:23 am
Fantastic work! Ext is best!
Greetings from Stockholm, Mattias
Posted on December 4th, 2007 at 7:30 am
It is with people like you that we can move forward!
Thank you a lot!!
Posted on December 4th, 2007 at 7:37 am
Great work!! Thank you very much!!!!
Siete i migliori!!!
Posted on December 4th, 2007 at 7:56 am
Congratulations…can we hope for more?…:D
Posted on December 4th, 2007 at 8:03 am
[...] 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 [...]
Posted on December 4th, 2007 at 8:26 am
Congratulations!!
Posted on December 4th, 2007 at 9:09 am
Congratulations!! Awesome!!…..Live saver….
Posted on December 4th, 2007 at 9:11 am
Sorry - it should be Life Saver …
Posted on December 4th, 2007 at 9:32 am
GREAT WORK, you are super men!
Posted on December 4th, 2007 at 9:38 am
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
Posted on December 4th, 2007 at 9:41 am
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.
Posted on December 4th, 2007 at 9:43 am
Amazing news… Thanks Jack and company.
Posted on December 4th, 2007 at 10:02 am
[...] Ext 2.0 Final Released [...]
Posted on December 4th, 2007 at 10:12 am
Guys big thanks for this amazing work !!!
Posted on December 4th, 2007 at 10:20 am
Extremadamente fabulosa la version Ext 2.0, … Excelente trabajo el de Jack y su equipo !!!
Gracias !!!!
Posted on December 4th, 2007 at 12:45 pm
Congradulations!! Great Job!!
Posted on December 4th, 2007 at 12:53 pm
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.
Posted on December 4th, 2007 at 1:10 pm
[...] weiß es die ganze Welt, aber ich zieh der Vollständigkeit halber auch noch nach: Die Finalversion von Ext 2.0 ist veröffentlicht. [...]
Posted on December 4th, 2007 at 1:15 pm
Awesome job guys, one of the best frameworks around!
Posted on December 4th, 2007 at 1:51 pm
Congratulations!!
Good work..
Posted on December 4th, 2007 at 1:54 pm
Shagadellic!
Posted on December 4th, 2007 at 2:24 pm
Congrats! Is there a changelog between the last beta and the final?
Posted on December 4th, 2007 at 2:35 pm
[...] 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 [...]
Posted on December 4th, 2007 at 4:40 pm
I like ext
I work with Ext 2 since the alpha and it’s realy cool. Great job guys!!
Posted on December 4th, 2007 at 5:44 pm
I call it Web 3.0
Posted on December 4th, 2007 at 5:51 pm
Excelente
Posted on December 4th, 2007 at 7:37 pm
Thanks Jack and company.
Posted on December 4th, 2007 at 7:44 pm
@Dave: http://extjs.com/forum/showthread.php?p=94695#post94695
Posted on December 4th, 2007 at 10:09 pm
Great ! Keep it up !
Posted on December 5th, 2007 at 3:26 am
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…
Posted on December 5th, 2007 at 3:28 am
I’ll clink glasses at this evening! :o)
Congratulation, dudes!
Posted on December 5th, 2007 at 4:59 am
[...] of Ext, providing increased performance, ease of configurations, flexibility and UI capabilities. Details >>> framework javascript web [...]
Posted on December 5th, 2007 at 6:13 am
[...] Versión 2.0 final de la librería ExtJS para Javascript, realmente buena. [...]
Posted on December 5th, 2007 at 8:42 am
You are the best! Thanks a lot!
Posted on December 5th, 2007 at 8:47 am
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!
Posted on December 5th, 2007 at 9:51 am
Just what the doctor ordered.
Posted on December 5th, 2007 at 12:11 pm
Gorgeous and polished…but…no accessibility FTL!!!
I hope you address this soon, as I’d love to see your hard work pay off!
Posted on December 5th, 2007 at 12:31 pm
This is my Christmas Gift.
Thanks ext-Team
Posted on December 6th, 2007 at 3:08 am
Good Job. Ext-js is certianly the next version of the internet.
Posted on December 6th, 2007 at 5:35 pm
[...] giorni fa è stata rilasciata la versione 2.0 delle librerie [...]
Posted on December 7th, 2007 at 9:05 am
Great Job, Extjs is the best!!!
Posted on December 7th, 2007 at 11:58 am
Parabéns!
Congratulations!
Muito bom trabalho da equipe ExtJS.
Great work from ExtJS team.
Valeu.
Thanks.
Posted on December 7th, 2007 at 6:51 pm
Well.. The Ext team SHOULD be proud to announce the release… it’s awesome.. Just awesome..Congrats guys! and Thanks..
Posted on December 7th, 2007 at 8:40 pm
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
Posted on December 9th, 2007 at 1:07 am
[...] 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 [...]
Posted on December 10th, 2007 at 4:12 am
[...] 2.0 final: http://extjs.com/blog/2007/12/04/ext-20-final-released/ « előző | tapir — 2007. 12. 10. [...]
Posted on December 13th, 2007 at 11:45 pm
Great Jobs ….
You The Man !!
……
_________
Posted on December 16th, 2007 at 7:23 am
[...] Ext 2.0 Final Released - ну и в завершение, для тех, кто не знает - анонс финального релиза второй версии мощного фреймворка для построения профессиональных приложений и интерфейсов ExtJS. Что сказать - возможности впечатляют, красота и функциональность интерфейсов поражают. [...]
Posted on December 17th, 2007 at 1:46 am
Awesome ….
Great Work !!
Thank you very much
Posted on December 19th, 2007 at 10:45 pm
[...] 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 [...]
Posted on December 22nd, 2007 at 6:23 pm
Great Job….I using this frameworks from all my projects…. Thanks from Venezuela…
Posted on December 27th, 2007 at 2:57 am
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
Posted on January 5th, 2008 at 12:20 pm
Great Job! Thank u for the MASTER PIECE!
but to get cpu use down will make it better.
Posted on January 6th, 2008 at 7:39 am
I’m SO Glad That the world have hands like yours and have mind like yours
Congradulations!! Great Job!!
Posted on January 7th, 2008 at 9:50 am
谢谢 jack 和 所有ext代码员。
Thanks for jack and all of the ext ’s coders.
Posted on January 13th, 2008 at 10:56 am
Отличная версия. Дальнейших успехов и процветания проекту.
Но есть один блог, редко используемый на практике, но у меня он проявился.
В файле 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;
Posted on September 1st, 2008 at 7:56 am
[...] Ext 2.0 Final Released [...]