Ext JS 3.0 RC1.1 Released
May 4, 2009 by Aaron Conran
The Ext Team is proud to announce the release of Ext JS 3.0 RC1.1 available for immediate download. This new version of the Ext framework is the culmination of many long hours of dedication by the Ext Team. We appreciate our community of testers and supporters whom have made the stability of this release possible. Ext 3.0 is another leap forward providing increased performance, consistency, flexibility and UI enhancements to make you more productive – all without a significant size increase.
There are many enhancements in Ext JS 3.0, too many to include in a single post. Some of the major features in Ext JS 3.0 are the splitting of Ext Core and Ext JS, Charting for visualizations, additional User Interface improvements, CRUD-like support with Ext.data.DataWriter, Remoting using Ext.Direct, CSS enhancements to make theming easier, and Accessibility improvements – Section 508 and ARIA support. We also fixed several browser issues for the latest Chrome and Safari releases and added IE8 support.
Ext Core
The first major change to Ext JS 3.0 is that it has been built to sit on top of the new Ext Core library. Ext Core 3.0 is a lightweight library intended to give you all of the functionality to enhance a webpage. Drawing upon our experience creating rich user interfaces, we isolated the most powerful features used to enhance new or existing web pages and placed them in the Ext Core library. Developers familiar with Ext JS can leverage their existing skillset to provide an enhanced user experience to their web pages.
Winston Churchill once said, “We make a living by what we get, but we make a life by what we give.” As avid members of the open source community, Ext continues to give back. This time, we are releasing Ext Core under the permissive MIT license to be used by all for free.
New UI Features
Ext JS 3.0 introduces several new UI Components and enhancements to many existing components.
New UI Components
- RowEditor
- ListView
- Charting
- ButtonGroup
- GroupTabs
RowEditor
Editing a row in a grid just got a lot easier. The RowEditor is another great new UI component allowing you to rapidly edit full rows in a grid. You can even enable a validation mode which uses the new AnchorTips to notify the user of all validation errors at once.
ListView
ListView is a high performance, light-weight version of a grid like display. It provides you with selection, column resizing, sorting and other DataView features. The columns have percentage based widths and uses templates to render the data in any required format. If you need to show your data in a grid like display without some of the more advanced features of the Grid, then ListView is the perfect solution.
Charting
The Ext.chart package will allow you to visualize your data with flash based charting. Each chart binds directly to an Ext.data.Store. The new FlashComponent class, which extends BoxComponent, allows you to easily create custom Flash Components. By binding the charts directly to an Ext.data.Store, you don’t have to worry about updating your chart, they will update automatically.
ButtonGroup
ButtonGroup is a new component that will allow you to group together Buttons of different sizes to create complex toolbars enabling your users to find the most common actions first. We created an example to show the flexibility and power of this new component.
Sample code:
var btnGroup = new Ext.ButtonGroup({ title: 'Clipboard', columns: 2, defaults: { scale: 'small' }, items: [{ xtype:'splitbutton', text: 'Add', iconCls: 'add16', menu: [{text: 'Add'}] },{ xtype:'splitbutton', text: 'Cut', iconCls: 'add16', menu: [{text: 'Cut'}] },{ text: 'Copy', iconCls: 'add16' },{ text: 'Paste', iconCls: 'add16', menu: [{text: 'Paste'}] }] });
Grouped Tabs
Horizontal navigation can always be challenging. We’ve introduced GroupTabs to assist you in creating portal layouts similar to iGoogle, or providing a interface to access similar tasks quickly.
Sample Code:
var viewport = new Ext.Viewport({ layout:'fit', items:[{ xtype: 'grouptabpanel', tabWidth: 130, activeGroup: 0, items: [{ mainItem: 1, items: [{ title: 'Tickets', iconCls: 'x-icon-subscriptions', tabTip: 'Tickets tabtip', style: 'padding: 10px;', html: Ext.example.shortBogusMarkup }, { title: 'Subscriptions', iconCls: 'x-icon-subscriptions', tabTip: 'Subscriptions tabtip', style: 'padding: 10px;', html: Ext.example.shortBogusMarkup }, { title: 'Users', iconCls: 'x-icon-users', tabTip: 'Users tabtip', style: 'padding: 10px;', html: Ext.example.shortBogusMarkup }] }, { expanded: true, items: [{ title: 'Configuration', iconCls: 'x-icon-configuration', tabTip: 'Configuration tabtip', style: 'padding: 10px;', html: Ext.example.shortBogusMarkup }, { title: 'Email Templates', iconCls: 'x-icon-templates', tabTip: 'Templates tabtip', style: 'padding: 10px;', html: Ext.example.shortBogusMarkup }] }] }] });
Enhanced Components
- Buttons
- Toolbar Overflow
- Menu Overflow
- AnchorTips
- Buffered GridView
- Debug Console
Buttons
Buttons in Ext JS 3.0 have been refactored to be a valid BoxComponent which enables them to partake in layout management. Buttons can now scale to any height or width and have advanced text positioning. Rather than being limited to only positioning buttons in a buttons configuration, they can now be placed anywhere you please.
Toolbar Overflow
Toolbars can now create a menu for items that don’t fit the visible toolbar area. The items in the menu still react with the same handlers as the toolbar items. This new behavior is turned on by default and can be disabled with the configuration option enableOverflow.
Menu Overflow
Menus now also handle overflowing in a more gracious manner. Whenever a menu gets so long that the items won’t fit the viewable area, it provides the user with an easy UI to scroll the menu. This feature is turned on by default and can be disabled by the configuration option enableScrolling.
ToolTips
Tooltips now support an anchor configuration which will allow you to bring attention to a particular element or component with a small callout arrow.
Sample Code
new Ext.ToolTip({ target: 'bottomCallout', anchor: 'top', anchorOffset: 85, html: 'This tip\'s anchor is centered' });
Buffered GridView
Buffered GridView enhances performance by waiting to render rows until they are visible. As your user scrolls away from content which is no longer visible, the BufferedGridView will clean up the old DOM markup to minimize the DOM structure. As a result of the smaller markup, the performance of resizing, forceFit, autoExpandColumn and other layout and DOM manipulation features in a large grid will improve substantially. Buffer GridView is limited to working on fixed height rows.
Debug Console
The Debug Console has been revamped and we have added three new tabs, named Component Inspector, Object Inspector and Data Stores which are specific to Ext Development. Component Inspector will show you all components which have currently been registered with the ComponentMgr and the parent child relationships among components. By mousing over a particular component you will notice that it will be masked on the page. The Object Inspector will allow you to inspect objects and peek inside their contents. The Data Stores tab will display all stores which have been registered with the StoreMgr and how many records are currently loaded into each store.
Summary
This blog entry covers all of the user interface components which are new to Ext JS 3.0 or which have been significantly enhanced. Stay tuned for another entry that details all of the non-ui related improvements such as Ext.data package enhancements, Accessibility improvements, Ext.Direct and the refining of memory management within Ext.
Upgrading
User upgrading to Ext JS 3.0, will be happy to hear there are little to no breaking changes. We took great care in only creating breaking changes where absolutely necessary. You may encounter issues upgrading if you were previously manipulating private properties of an Ext.menu.Menu or an Ext.Toolbar or if you had custom styling of an Ext.Button.
Following a tradition started with Ext 1.0, we are offering a pre-release sale with hefty discounts to upgrade your 2.x license. If you’ve thought about purchasing an Ext License, for a limited time, you can purchase online for less than an Ext 2.x License. There’s no better time to support the Ext team.
Posted on May 4th, 2009 at 4:09 am
First!
Congrats, and thanks for all the hard work you guys put into Extjs 3.0
Posted on May 4th, 2009 at 4:41 am
Wonderful!
Posted on May 4th, 2009 at 4:46 am
Hi Jack,
Congratulations. I’ve been waiting so long. I especially liked the row editor and charts feature.
Thank you Ext Team. Keep up the good work.
BTW, Theme changer in the examples is not working
Posted on May 4th, 2009 at 4:51 am
Fantastic work as always. Ext has raised the bar with this release
Posted on May 4th, 2009 at 4:54 am
Hi,
thanks for this new version..
What’s main differences between ListView and Grid (what is possible, and what is not) ?
When for the Final Release ?
And what’s about the ExtJs designer (we are all still waiting for) ?
Thanks for all…
Pyja
Posted on May 4th, 2009 at 4:58 am
What great news to wake up to! I’m sharing this with the team as soon as I get into the office. Love it!
Posted on May 4th, 2009 at 5:36 am
[...] Ext JS 3.0 RC1.1がリリースされました。 詳細についてはExt JSの公式ブログを参照願います。 [...]
Posted on May 4th, 2009 at 5:38 am
Hi, I am expecting the extjs ide, you did a good job! 3q
Posted on May 4th, 2009 at 6:03 am
[...] Gelişmiş JavaScript kütüphanesi ExtJS bomba gibi özelliklerle nihai sürümün bir önceki aşaması olan RC1 evresine ulaştı. [...]
Posted on May 4th, 2009 at 7:06 am
Congrats
Posted on May 4th, 2009 at 7:31 am
This is excellent! Keep up the great work guys.
Posted on May 4th, 2009 at 10:20 am
[...] Read the full article on Ext Blog [...]
Posted on May 4th, 2009 at 10:31 am
Great! Congratulations.
We are using the 2.2, Can we use the 3.0 without any fear?
Posted on May 4th, 2009 at 10:33 am
Congratulations, guys! And thank you very much for your hard work.
Posted on May 4th, 2009 at 10:38 am
First off, great work! Now can we get CDN updated to build/host a 3.0 RC1.1 version?
Posted on May 4th, 2009 at 12:41 pm
Great work guys, thanks for such a pixel perfect, easy to use, fully documented, examples rich toolkit. I will upgrade my license straight away
Posted on May 4th, 2009 at 12:44 pm
wow! Esto es impresionante, despues de ExtJs el desarrollo en web no es igual.
Posted on May 4th, 2009 at 2:46 pm
The row editor does not work for me in the IE 8. Sadly, it seems that the standard browser of Windows hasn’t been tested here or does it work for other people?
Posted on May 4th, 2009 at 3:15 pm
Can’t wait to get digging into it. Just in time for my project’s next big development phase.
cheers,
Etienne
Posted on May 4th, 2009 at 3:46 pm
ETA for the port to GXT for this?!?
Posted on May 4th, 2009 at 5:15 pm
great,
very good job !
Posted on May 4th, 2009 at 5:16 pm
What about memory management / memory leak related stuff? I am surprised to not hear anything about improvements in that area…
Posted on May 4th, 2009 at 5:48 pm
Jack and the gang rocks! You guys are leading the charge. I can’t wait to see the designer when it comes out. Aaron, I mentioned to you a year or two ago that 3.1 was going to be the killer release. So far, so goooooood!
Posted on May 4th, 2009 at 6:21 pm
Awesome news! I use extjs on many of my websites and I am totally in love with it. I’ve been excited about this release for awhile now, i’m really hoping for some speed increases and more tools to use!
Posted on May 4th, 2009 at 10:14 pm
Good!
Posted on May 4th, 2009 at 10:20 pm
Ext could really do with some more themes.. the appearance is great but it’s too vanilla.
Posted on May 4th, 2009 at 10:36 pm
RC功能更强大，有很多新东西
Posted on May 5th, 2009 at 1:55 am
Merci, excellent, continuez !
Posted on May 5th, 2009 at 6:27 am
Great work! thanks again for Ext Team’s hard work.
Please keep on walking, you are leading the right way!
Posted on May 5th, 2009 at 8:58 am
不错，期待正式版的发布！
Posted on May 5th, 2009 at 9:12 am
Nice, I’d like to know what browsers (and which versions) are supported.
Posted on May 5th, 2009 at 10:06 am
Hi,
I’m trying out the Extjs framework for the first time (So I’m a NOOB). I downloaded both the 2.2.1 and the 3.0 RC11 versions. I tried out the xml-tree-loader in the rc11 but it didn’t work.
It does work in the 2.2.1 version (even in IE7 with the ext-basex Ext.lib.Ajax enhancements from Doug Hendricks).
I know it’s a RC so I wanted to mention it.
Regards
Steven
Posted on May 5th, 2009 at 10:12 am
Been waiting for this.
Performance wise, Buffered GridView and ListView are great additions.
Posted on May 5th, 2009 at 10:45 am
Spectacular!
Posted on May 5th, 2009 at 12:55 pm
Ext Core, now this – early Christmas!
Posted on May 5th, 2009 at 3:16 pm
Excellent post!! thank you so much!!
Posted on May 5th, 2009 at 5:36 pm
Отличная работа, ребята. Ждем финального релиза!
Posted on May 5th, 2009 at 5:55 pm
Good Job! Nice Features…Can’t wait to use it.
Posted on May 5th, 2009 at 9:26 pm
thanks a lot.
Posted on May 5th, 2009 at 11:30 pm
Thanks to Extjs Team!!!
Posted on May 5th, 2009 at 11:32 pm
期待EXT3.0的正式版本
Posted on May 6th, 2009 at 12:03 am
终于可以使用快速的grid了。
Posted on May 6th, 2009 at 1:10 am
Speechless !
Posted on May 6th, 2009 at 4:59 am
Looks great, thanks!
Please think about releasing ExtJS under the lgpl licence again!
Posted on May 6th, 2009 at 8:05 am
Thanks a lot for all ext members…
Not only hard worker developers but also members who share their codes and ideas.
Good job.
Posted on May 6th, 2009 at 10:38 am
Congratulations!, Nice Features…
PS. There are some bugs with firefox (i.e. Portal Demo – Click the settings tool)
Posted on May 6th, 2009 at 12:30 pm
What happen to the StatusBar? That should be listed as a breaking change.
Posted on May 6th, 2009 at 6:09 pm
[...] is great to see that Ext JS team is working hard on features that reflects people needs. New release candidate looks very promising and especially Charting, ButtonGroup (Microsoft Office 2008 Ribbon style;)), [...]
Posted on May 6th, 2009 at 9:32 pm
so good waiting
Posted on May 6th, 2009 at 9:49 pm
Great work guys.
Posted on May 7th, 2009 at 5:03 am
그래프 차트 유용할듯.. ^^)/
Posted on May 7th, 2009 at 9:20 am
Are the docs available for 3.0? If not, when will they be available?
Posted on May 7th, 2009 at 10:10 am
Docs are here:
http://extjs.com/deploy/ext-3.0-rc1.1/docs/
Posted on May 7th, 2009 at 12:12 pm
[...] Ext JS 3.0 RC1.1 Released [...]
Posted on May 7th, 2009 at 10:06 pm
Great news for ext js.
Posted on May 7th, 2009 at 10:23 pm
[...] Ext JS 3.0 RC1.1 Released [...]
Posted on May 8th, 2009 at 12:59 am
Congrats! Good job.
Posted on May 8th, 2009 at 1:00 am
[...] Ext JS – Ext JS 3.0 RC1.1 Released – There are many enhancements in Ext JS 3.0, too many to include in a single post. Some of the major features in Ext JS 3.0 are the splitting of Ext Core and Ext JS, Charting for visualizations, additional User Interface improvements, CRUD-like support with Ext.data.DataWriter, Remoting using Ext.Direct, CSS enhancements to make theming easier, and Accessibility improvements – Section 508 and ARIA support. We also fixed several browser issues for the latest Chrome and Safari releases and added IE8 support. [...]
Posted on May 8th, 2009 at 3:22 am
Ogogo. Super! it’s very good
Posted on May 8th, 2009 at 4:24 am
Great work guys. Do you have a Roadmap for 3.0?
Posted on May 8th, 2009 at 6:53 am
[...] Ext JS 3.0 RC1.1 Released [...]
Posted on May 8th, 2009 at 8:22 am
Your work is incredible. Thanks to you, people like me that would never play with such quality software can benefit from learning how to do rich web interfaces.
Posted on May 8th, 2009 at 12:57 pm
Looking forward to giving it a spin!
Have you guys placed it on Cachefly?
Posted on May 8th, 2009 at 4:54 pm
Wow I Love it
Tahnks
Posted on May 9th, 2009 at 9:22 pm
Great work guys! ExtJs is the best!
I have just a question by now: the gradient effect on mouse over menu items has been removed in Ext 3.0 or is it missing?
Posted on May 9th, 2009 at 10:32 pm
Cool, lots of new feature – I like chart one best.
Hopefully your guys can make integrate with 2.2.1 smoothly. I try to update my running application from 2.2.1. However, my application is totally broken – make me feel bad, although I know it is pre-Arfa.
Posted on May 10th, 2009 at 10:34 am
[...] Ext JS 3.0 RC1.1 Released [...]
Posted on May 10th, 2009 at 10:04 pm
This is a bug with Ext.MessageBox,in the line 180, this.updateText(msg), it calculate characters width error.
Posted on May 11th, 2009 at 1:35 am
Too bad, the chart is based on Flash while there’s another pure JS out there: JSCharts. Some people think that Flash requirement is not suitable to them.
Posted on May 11th, 2009 at 2:43 pm
Hi, what became the StatusBar Object ?
Posted on May 12th, 2009 at 2:11 pm
[...] Ext JS 3.0 RC1.1 comes hot on the heels of the release of Ext JS Core 3.0. Ext JS 3.0 is built to sit on top of Ext JS Core 3.0. Ext 3.0 is provides increased performance, consistency, flexibility and UI enhancements all without a significant size increase. [...]
Posted on May 13th, 2009 at 8:37 am
[...] Ext JS 3.0 RC1.1 brings a host of new features to the table Weblenium gives a quick overview of the new features found in Ext JS 3.0 RC1.1. [...]
Posted on May 13th, 2009 at 4:09 pm
RowEditor don’t work with IE 7 and windows XP.
Posted on May 14th, 2009 at 6:25 am
Lets see how much it is easier to replace lib 3.0 in place of 2.2 (mean backward compatibility)?
Posted on May 14th, 2009 at 12:18 pm
El rowEditor no esta en el la documentacion del api, y necesito modificarlo para que funcione con php.
The rowEditor doesn’t be in the api documentation, I need modify it to work with php.
Somebody can help me?
andres99f@gmail.com
Posted on May 15th, 2009 at 8:14 am
wow that was superb.
Posted on May 15th, 2009 at 9:46 am
Very nice work – but the RowEditor has some bugs in IE version 7.0.5730.13CO
Posted on May 15th, 2009 at 11:19 am
试用了一下，真不错
Posted on May 16th, 2009 at 12:05 pm
[...] Ext JS 3.0 RC1.1 duyruldu. Ext JS’nin 3. versiyonuyla ilgili ilk bilgileri edindiğimiz bu duyuru sayesinde, Ext JS’nin yakın vadedeki durumuyla ilgili bilgi edinmiş olduk. [...]
Posted on May 18th, 2009 at 6:24 am
ExtJS 功能越来越强了，体积大概也要增加不少吧？
希望功能增加的同时，尽量保持苗条的身材。
还有一点，不知道什么时候 ExtJS 才支持 “方法链” (method chain) ?
Posted on May 18th, 2009 at 8:45 pm
十分期待中文的帮助文档！
Posted on May 19th, 2009 at 7:10 am
很强大，很暴力
Posted on May 19th, 2009 at 9:25 pm
“方法链” (method chain) …?
Ext.Element.*身上的方法多数都有最终返回this,不知这是不是构成方法链的条件？
Posted on May 20th, 2009 at 2:43 am
怎么收费的?
Posted on May 22nd, 2009 at 9:02 am
Great. Waiting for final release !!
Posted on May 22nd, 2009 at 11:51 am
Guys very nice job. I’m starting to use this more and more.
Posted on May 25th, 2009 at 2:03 am
非常激动，可以显示图片了，但貌似功能还是很弱，希望可以加强图片功能
Posted on May 25th, 2009 at 3:20 am
Excellent !
But row editor has some bugs when add new employee but cancel it finally, the new employee info still on the grid.
Posted on May 25th, 2009 at 8:19 am
when is release version???? and Excellent work congratulations
Posted on May 27th, 2009 at 10:19 am
Can’t wait to upgrade my app and see how shiny 3.0 is.
Some questions/remarks though:
- Ext.chart is using a Flash object. Why didn’t you use a Canvas ?
- Any plan to add a client-side drawing object (Canvas based) ?
- Buttons being table, they are not equivalent to the corresponding HTML element (it was already the case in 2.x). Any plan to fix this ?
Thanks.
Posted on May 27th, 2009 at 11:15 am
On IE 7 (the most used browser today) :
- RowEditor has bug : impossible to have edit fields.
- ListView has bug : no multi selections.
- Charting has bug : we can load only one time page, after no datas are reloaded (chart empty)
- Grouped Tabs has bug : when we close the tabs, the content go up and stay visible (not hidden)
So half of the new features have problems today.
It’s not a RC1 but a beta again.
Posted on May 27th, 2009 at 11:18 am
You should display somewhere than ExtJs is not more full compatible with IE products.
Posted on May 27th, 2009 at 11:32 am
Great work people. We want to use the new version 3.0 in our new CMS! Because of the performance of 2.0 we didn’t used it before. What is the roadmap for 3.0? When will it be official released so we can use it in production?
Posted on May 28th, 2009 at 9:08 am
Agree to Alex:
VERY VERY beta product – a lot of functions does not work in IE.
I moved back to 2.0 after I tried 3.0 RC1.1…
Very upset
AND looking forward to see next version
You guys develop a very good product – everybody want to see new version ASAP
Posted on June 3rd, 2009 at 2:37 am
looking forward to getting this version of ExtJs 3.0, Expect get more helps from this product.
Posted on June 4th, 2009 at 11:51 am
[...] has been reported that there are “Accessibility improvements – Section 508 and ARIA support” in Ext JS [...]
Posted on June 5th, 2009 at 7:37 am
[...] has been reported that there are “Accessibility improvements – Section 508 and ARIA support” in Ext JS [...]
Posted on June 5th, 2009 at 7:40 am
[...] has been reported that there are “Accessibility improvements – Section 508 and ARIA support” in Ext JS [...]
Posted on June 8th, 2009 at 3:10 am
越来越好咯！
Posted on June 11th, 2009 at 6:41 am
不错，值得期待！！！
Posted on June 23rd, 2009 at 4:08 am
[...] Paquete org.w3c.dom Especificación del core DOM Un ejemlo de DOM en JavaScript (gracias, Kike) Página de Ext js Curso de DOM DOM en ASP Ejemplo perl « Apuntes curso [...]
Posted on June 23rd, 2009 at 2:57 pm
How to use this new Console? I’ve found some example with old version, which was triggered by Ctrl-Shift-Home, but this doesn’t work for my application, neither in 2.2.1 nor 3.0; I have ext-all-debug.js included. Any hint how to open this console?
Posted on June 25th, 2009 at 9:27 pm
cha, no mamaen wey, pinche libreria cada vez me sorprende mas y ahora me salen con estas super mejoras, lo ke ocacionan es ke me baje la nueva version y me ponga a hacer pruebas YA !!. Muchas gracias !!!!!!!!!
Posted on June 27th, 2009 at 5:46 am
thank you .very good.
Posted on July 13th, 2009 at 3:05 pm
[...] puedes ver una lista más detallada sobre lo nuevo. O revisar algunas de las cosas que puedes hacer con [...]