Rey Bango

Web developer, honey badger

Ext Releases v2.0.2 with Adobe AIR Support

To coincide with the release of Adobe's AIR v1.0, the Ext team released v2.0.2 of the Ext framework with enhanced support for the new AIR runtime. The Ext and Adobe teams collaborated during the AIR beta process to ensure that support for the updated AIR API and security sandbox would be available to Ext users from day one.

To demonstrate Ext's AIR capabilities, founder Jack Slocum went about updating the Simple Tasks application he initially created during the early AIR beta process.

Making extensive use of the newly updated AIR API, the Ext team enhanced the Ext.air package to handle such functionality as:

  • Managing native windows, event listeners and automatic state management for the windows.
  • Use of the new synchronous database access introduced in AIR beta 3.
  • Native drag and drop and clipboard access.
  • Playing sounds.
  • Minimizing AIR applications to the system tray.

Adding an icon to the system tray is now a trivial task as can be seen in this code sample:

var win = new Ext.air.NativeWindow({
    id: 'mainWindow',
    instance: window.nativeWindow,
 
    // System tray config
    minimizeToTray: true,
    trayIcon: 'ext-air/resources/icons/extlogo16.png',
    trayTip: 'Simple Tasks',
    trayMenu : [{
        text: 'Open Simple Tasks',
        handler: function(){
            win.activate();
        }
    }, '-', {
        text: 'Exit',
        handler: function(){
            air.NativeApplication.nativeApplication.exit();
        }
    }]
});

In addition to demonstrating AIR apis, Simple Tasks v2 also includes several advanced samples to demonstrate creating custom Ext components. These samples include:

ListTree – Allows for a hierarchical list of options, similar to a treeview, but within a drop-down listbox

Custom Grid Columns – Allows for grid columns to be represented as buttons or menus

Switch – Provides a collection of buttons, one of which can be “pressed” at a time. This is used as an alternative for radio buttons.

Ext v2.0.2 is immediately available for download as is Adobe AIR v1.0

Ext & ColdFusion Server-Side Community Projects

An excellent barometer of a project's growth and acceptance is the creation of community extensions that compliment the project. It's demonstrative of how users are embracing Ext and in some cases, need to go past what the core framework provides. It seems that almost on a daily basis, new extensions are contributed by volunteer Ext developers, most of which are of excellent quality and functionality.

Server-Side Initiatives

Ext is a client-side framework and is focused at providing a strong foundation for client-side developers. More and more, though, we're seeing demand from the server-side crowd to offer some form of support from within application server technologies such as ColdFusion, .Net, and Java. Another step forward in the community involvement model is when developers begin to offer integration capabilities for a framework into their own server-side environment. This is something that has really taken off and we've seen a number of server-side projects spring up to tackle this demand.

ColdFusion

With Ext v1.0 built into the Adobe ColdFusion 8 application server and powering most of the Ajax-enabled controls, it was obvious that sooner or later, CF developers were going to want to see how they could extend the built-in capabilities of these controls. Being Ext-driven, many developers soon realized that it was just a matter of looking at the Ext API documentation and leveraging the full capabilities of the Ext framework. Unfortunately, ColdFusion included Ext v1.0 which is substantially less feature-rich than Ext v2.0 and with no method of upgrading ColdFusion to the newest release, some very innovative developers took matters into their own hands and created extensions that provide a path to Ext v2.0. Following are three ColdFusion frameworks that have started the work of wrapping Ext into a server-side framework usable by all ColdFusion developers:

  • Ext.CFC – Created by Brian Love, this was the first notable component that tried to provide server-side integration with Ext. We posted about Brian's work on the Ext blog in early December.
  • cfExt – Dan Vega was next in line, coming up with a component class that would provide access to the Ext 2.0 windowing capabilities. Several iterations later and after a ton of community feedback, Dan released cfExt which has received a tremendous amount of positive feedback and support within the ColdFusion community.
  • ColdExt – The most recent addition, ColdExt by Justin Carter, takes a different approach using a tag-based implementation to expose the Ext API to ColdFusion developers. This is actually a great way of doing things since ColdFusion's language, CFML, is mark-up based and the use of a tag library should make it very intuitive for CF developers to use ColdExt

As of this writing, Dan and Justin have been in contact and may take steps to consolidate their efforts into one nice project.

Ext 2.0 JavaScript Framework Beta 1 is just amazing

If you're a ColdFusion 8 developer, then you've probably used Ext by virtue of using CF8's Ajax controls. Well, Ext JS, LLC, the company that makes the Ext JavaScript framework has just released a new version.

The Ext team is proud to announce that Ext v2.0 Beta 1 is available for download. This release of the Ext framework features updated portal and desktop examples, documentation updates, and bug fixes.

New Sample Application Updates

In our last release, we introduced two new sample applications which were truly a hit with the development community. The two applications, Web Desktop and Customizing: Portals were excellent examples of the capabilities of the new Ext 2.0 framework. For the beta release, we have dramatically improved the features and functionality of both. The Web Desktop has been drastically enhanced to include a start menu as well as functional icons on the desktop. It truly looks like you're working within an operating system like Windows.

Web Desktop

This sample includes updates to the look, code organization, desktop shortcuts and an excellent StartMenu implementation contributed by Todd Murdock of the Ext community. Thanks also go to Todd for porting the tab scrolling code into the TaskBar so it can handle additional windows without creating additional rows of task items.

Portal

This sample received it's next major revision including new shortcut classes for columns and portlets, new layout enhancements and an overall smoother API for development.

All of the updated Ext 2.0 Beta 1 samples can be seen at the Ext 2.0 Samples page. Additional samples are available in SVN.

New API Documentation Updates

We're continuing our efforts to provide top-notch information and documentation for Ext developers. In addition to updating our documentation with new class information, we've enlisted the assistance of several community members in developing tutorials specific to Ext 2.0 and migrating existing tutorials to take into account changes in Ext 2.0.

As we mentioned in our last post, our documentation center has been dramatically revamped to help finding information substantially easier.

2.0 Migration

The Ext 2.0 migration guide is near completion and we will be proofreading it shortly to ensure that it meets our high standards of documentation. As soon as it's been verified, we will make it immediately available to help expedite the transition from Ext v1.x to Ext 2.0.

2.0 Availability

The Ext 2.0 codebase has stabilized and several clients have begun to use Ext 2.0 in production environments. Ext 2.0 is available for download and code updates are available to SVN subscribers in the Ext SVN under branches/ext2.0.

License

Ext 2.0 is being released with the same license options as 1.1. Please visit http://extjs.com/license for more details.

For many companies and products, Open Source licenses are not an option. Ext offers commercial licenses for these situations and for companies using Ext in commercial applications who want to help support the project. It is a non-copyleft license which gives companies complete freedom when integrating Ext in their products and web sites. During the 2.0 prerelease period, estimated until October 31st, we are offering a 25% discount on all commercial license purchases. If you were considering a commercial license, now is the time!

Adobe, you need to let us do this in CF8! :)

Man, now wouldn't this be a nice thing to have in CF8:

Ext 2.0 Web Desktop w/ Start Menu

The start menu mod was created by Ext community member mxracer.

Just awesome.

Ext 2.0 Alpha Released – New version of Javascript Framework

The Ext team is proud to announce that the first public release of Ext v2.0 is available for download. This new version of the Ext framework introduces a host of new features, a new document center, expanded & better organized samples and bug fixes. Another important aspect to note is that there has not been a significant library size increase in this new version.

New Features

In our last posting, we went into detail about some of the new features in Ext 2.0. Many of these features are unique to the Ext 2.0 framework and will make developing desktop-like application substantially easier. These include:

Along with the features list above, there are many additional features and architectural changes that make working with 2.0 more intuitive and flexible than previous releases. If you haven't tried 2.0 yet, you should. You won't be disappointed.

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.

2.0 Migration

We are working on a 2.0 migration guide and several new tutorials that cover working with the new 2.0 component model, container and layout managers. We hope to have them available with the Beta 1 release.

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.

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.

Themes and Plugins Repository

User contributed Ext themes and extensions/plugins are an important aspect of the project allowing Ext developers to display their creativity by extending the Ext framework as well as leveraging new functionality not currently available in the library. Currently, these contributions are made via the support forum and are not posted in a way that makes finding specific functionality easy.

In an effort to organize these extensions, the Ext team is in the process of building a themes and plugins repository that will allow developers to submit the extensions and categorize them accordingly. Submitters will be able to give a good description of the extension as well as upload screenshots, all in an effort to make it easier for the community to find specific functionality.

More 2.0 Samples

All of the 2.0 samples can be seen at the Ext 2.0 Samples page. Additional samples are available in SVN.

2.0 Availability

The 2.0 codebase has stabilized and several clients have begun to use Ext 2.0 in production environments. Ext 2.0 is available for download and code updates are available to SVN subscribers in the Ext SVN under branches/ext2.0.

License

Ext 2.0 is being released with the same license options as 1.1. Please visit http://extjs.com/license for more details.

For many companies and products, Open Source licenses are not an option. Ext offers commercial licenses for these situations and for companies using Ext in commercial applications who want to help support the project. It is a non-copyleft license which gives companies complete freedom when integrating Ext in their products and web sites. During the 2.0 prerelease period, estimated until October 31st, we are offering a 25% discount on all commercial license purchases. If you were considering a commercial license, now is the time!

Ext JavaScript Library v2.0: A Preview

Several of you have been astounded by CF8's new data grid UI control but what many may not know is that the grid is powered by the Ext JavaScript library. That's right, Ext v1.0 is included in CF8 and helps to power some of the nice UI controls you're leveraging at this moment.

While those controls sure look great, they're nowhere near the flexibility and power of the newest version, Ext v2.0. The Ext team has really focused on enhancing the desktop-like experience that Ext already provides by introducing new functionality, improving performance and keeping the overall file size down.

With new features such as Grouping & Group Summary, Scrolling Tabs, and columns with tree controls, this latest version is sure to wow developers with its rich UI capabilities.

For a full rundown of these features, be sure to visit the blog entry at the Ext website.

Also, Dion Almaer, co-founder of Ajaxian.com, did a great writeup of Ext v2.0 as well as the video you see below:

jQuery and Ext 1.0 – Alpha 2 Release is Up. Get it Whiles its Hot!

The second Alpha release of Ext 1.0 (formerly known as YUI-Ext) has been released by Jack Slocum. Ext 1.0 is now officially decoupled from YUI and has incorporated thejQuery Ajax/JavaScript library into the mix.

You can check out more details here:

Ext 1.0 Alpha 2 Release Details

and download the alpha 2 version here:

Ext 1.0 Alpha 2 for jQuery

jQuery & Ext: A JavaScript & Ajax Partnership Made in Heaven

If you're doing any type of Web 2.0/RIA development, then you're bound to know about Jack Slocum's YUI-Ext component library. Its a suite of world class, professionally developed JavaScript controls that truly provide a refined desktop feel to web applications.

Well, the most mature User Interface library for web applications, Ext (aka YUI-Ext), will soon support the lightweight, compact (~19k) and powerful jQuery JavaScript/Ajax framework.

That's right! jQuery and AjaxCFC users will now have a new component suite to use when building their web apps. Here are some of the components you'll be able to use when Ext 1.0 is officially released:

Paged, Dynamic, Grids:

Mixed Content Menus:

Advanced Dialog Layout and Themes:

Message Box Dialog:

Drag-and-Drop Trees:

Beginning with version 1.0 of Ext, it will work as an extension to jQuery as well, allowing jQuery users to leverage the power of the user interface tools available in Ext with the lightweight core library and expressive syntax of the best library for unobtrusive DOM scripting.

This is a HUGE win for both projects and helps to validate the efforts of John & Jack's tremendous work.

For more information, visit the jQuery blog here:

http://jquery.com/blog/2007/02/19/jquery-and-jack-slocums-ext/

Sponsors



Learn JavaScript!

What to Read to Get Up to Speed in JavaScript.

The best books & blogs for learning JavaScript development. Broken down by experience levels!


My BIG LIST of JavaScript, CSS & HTML Development Tools, Libraries, Projects, and Books.

Constantly updated with the latest and greatest tools. Check it out!

Categories

Rey Bango is Stephen Fry proof thanks to caching by WP Super Cache