tag:www.insideria.com,2009://34/tag:www.insideria.com,2008://34.23021- 2009-11-16T15:52:24Z Comments for Ext for AIR - Simple Tasks v2 (http://www.insideria.com/2008/03/ext-for-air-simple-tasks-v2.html) Movable Type 4.21-en tag:www.insideria.com,2008://34.23021 2008-03-03T17:06:00Z 2008-03-03T18:34:56Z Ext for AIR - Simple Tasks v2 A few weeks back Ext JS announced that they would soon be supporting the AIR API's. They worked with Adobe to allow Ext 2.0.2 to run within the AIR 1.0 application sandbox. One of the coolest new applications using this new library is called Simple Tasks v2 created by Jack Slocum. Simple Tasks v2 utilizes the Ext.air package to make calls to the AIR APIs. This new Ext package simplifies the use of the AIR APIs within HTML/JavaScript application as calling the AIR APIs natively is somewhat pain full. Rich Tretola http://blog.everythingflex.com extlogo128.pngA few weeks back Ext JS announced that they would soon be supporting the AIR API's. They worked with Adobe to allow Ext 2.0.2 to run within the AIR 1.0 application sandbox. Let me first disclose since I have been a Flex developer for the past 5 years, I have not worked much with AJAX and especially AJAX within AIR. However, I can see that this new version of Ext is a huge addition to the functionality that is possible within HTML/JavaScript based AIR applications.


One of the coolest new applications using this new library is called Simple Tasks v2 created by Jack Slocum. Simple Tasks v2 utilizes the Ext.air package to make calls to the AIR APIs. This new Ext package simplifies the use of the AIR APIs within HTML/JavaScript application as calling the AIR APIs natively is somewhat pain full.

st1.png
Simple Tasks v2 uses the Ext library to manage AIR NativeWindows, the SQLite database, Native Drag and Drop, Clipboard, System Tray, and even Sound.

Custom components from the Ext library included in the Simple Tasks v2 application are the ListTree, Custom DataGrid Columns, and the SwitchButton component.

So how does this all come together to create a compelling AIR application? Well, upon launch of the application, you will notice the ListTree, DataGrid, and SwitchButton components which make up the main navigation for the application. The ListTree on the left allows you to categorize your tasks in a familiar format while the Custom DataGrid shows your existing tasks in an expandable format. Finally, the SwitchButton allows you to toggle between the status of your tasks. These components create a simple and very clean layout.

st2.png
Some of the cool functionality includes the following:

Double click on a task and you will see the use of the NativeWindow API as a new Window is launched to allow for editing of the tasks data. Highlight some text from anywhere in your system and drag it into the Custom DataGrid and you will see the use of the Native Drag and Drop functionality of AIR. A new task is instantly created using the text you had selected as the task subject. If you are working on Windows, minimize the application and you will see that rather than remaining in the task bar, it will put itself into the system tray. Set a task to expire and you will again see the use of the NativeWindow API as an alert window will appear and this time it will even play a sound alerting you to the event.

st3.png
The thing I like most about this application is that the interface just the way you would expect a desktop application should be. For example, each element in the tree or grid has context menus that allow you to do things that you would expect (delete, open, etc). Also, the menu system includes the same functionality that you find within the application but may not notice right away. An example of this is the View menu which allows you to change the view to show only a specific task status. Sure, the previously mentioned SwitchButton has the same functionality but you have undoubtedly seen and used a View menu in other applications so this would be a familiar element to you.


In conclusion, as someone who has not done much with AJAX in general, I am very impressed with the ease of use of the Ext library and how nice the Simple Tasks v2 application felt to use. I am still not a big fan of AJAX within the browser as I worry about issues of JavaScript availability and don't like to have to create a lot of compatibility tests or server side fall back code. However, within the controlled environment of AIR, I am definitely on board with building AJAX applications using the Ext library for AIR.

For more information visit Ext 2.0.2 or for code snippets of the application visit the Simple Tasks v2 page.

Have you built an AJAX based or Ext based AIR application? Please let me know about it as I would love to see some more examples.

Update: I just found a very cool screen cast showing how to take the Simple Tasks v2 application and populate its database through the use of Jaxer. Check out the post here and the screencast here.

]]> tag:www.insideria.com,2008://34.23021-comment:2015622 Comment from Jonathan Snook on 2008-03-03 Jonathan Snook http://snook.ca/jonathan/ All the applications I've built on AIR have been Ajax and while I've used Ext in a non-AIR environment, I have high hopes for it within the AIR environment. Hopefully I'll be able to play with Ext sometime soon.

]]> 2008-03-03T17:30:46Z tag:www.insideria.com,2008://34.23021-comment:2015624 Comment from Raymond Camden on 2008-03-03 Raymond Camden http://www.coldfusionjedi.com I have to say - this is pretty impressive. I know other frameworks (like Spry) released updates to work with AIR, but I think this is the first one to really help folks use the AIR apis.

]]> 2008-03-03T20:49:01Z tag:www.insideria.com,2008://34.23021-comment:2015628 Comment from Andre Charland on 2008-03-03 Andre Charland http://blogs.nitobi.com/andre I'm pretty sure Dojo and YUI have also released updates for AIR. I'm most frameworks are working on it. I know were are at Nitobi:)

]]> 2008-03-03T21:50:13Z tag:www.insideria.com,2008://34.23021-comment:2105918 Comment from Steven on 2009-09-19 Steven I haven't had a chance to play with AIR so far. I have been using Dojo and YUI pretty well for dateing site and it has worked out great so far. Dojo is pretty powerful at preventing CSRF attacks too.

]]> 2009-09-19T22:28:09Z