Ext

Getting started with Grails and Extjs

James Lorenzer post an article in which he provides a tutorial about building the web applications with Grails and ExtJS. He writes:

«This article describes how to get started using extjs with your grails app. Since the plugin is deprecated because of the GPL license fiasco, I decided to write my own simple grails script to handle installing extjs for the team for 2 main reasons:

1) Prevents me from having to commit 500+ files into SVN for every new version

2) Makes it easier to upgrade to newer versions of extjs in the future

We have 2 existing internal applications that use extjs and every upgrade I am kicking myself for not using maven to extract the extjs zip file. So with our new grails app I wanted to not make the same mistake.»

Source: James Lorenzen's Blog.

Create Web 2.0 Progress Bars: jQuery, DHTML, JS, CSS, Photoshop

There is a new article about creating images fadings on jQuerys for designers site. Here's small excerpt from it:

«So let's break this down and see how it's done.

The first thing I look for when understanding how a web effect has been achieved, is to look at what they've done when JavaScript is disabled. Where possible, I always want to produce a solution that works cleanly without JavaScript enabled.

Since Dragon Interactive are using the effect for navigation, as I suspected, the effect degrades to...nothing. Although we'll take it one step further by creating a hover state for the navigation. »

Source:jQuery for Designers.

In Place / Inline Editing with Ext, ExtJS Inline editor

There is an intresting article about inline text editing in ExtJS posted on the Ext For Beginners site. Here's the excerpt from this article:

«Yes its been a while since I wrote absolutely anything of use on this blog. Well.. I don’t know if I have ever wrote anything useful on here… probably not.

But that is about to change… while at work, I needed to write a component to allow inline editing much like the Google Calendar interface when editing events etc… very jazzy as we all know. Well to start things off. I found an inline editing tutorial using prototype which after reading seemed very easy and very simple to replicate using Ext. I have Googled this topic in the past but found nothing… so I decided to follow this tutorial and port it to ExtJs.

I’m literally gonna dump the code here and the full html file I used as I’m sure anyone reading this has enough about them to pick up what the code is doing, plus I’ve written some lame documentation which kind of explains what is going on.»

Source: Ext For Beginners.

ExtGWT 1.0

ExtGWT 1.0 released. Here's the list of main highlights of this release:

  • GWT 1.5 compatibility

  • Improved performance

  • Demo applications

  • Advanced form layouts

  • Improved data loading, store, binder, and field API

  • Imroved documentation

Source:ExtJS Blog.

Build Ajax applications with Ext JS

John Fronckowiak post an aricle in which he tells about creating AJAX applications with ExtJS. Ext JS is a powerful JavaScript™ library that simplifies Asynchronous JavaScript + XML (Ajax) development through the use of reusable objects and widgets. This article introduces Ext JS, providing an overview of the object-oriented JavaScript design concepts behind it, and shows how to use the Ext JS framework for rich Internet application UI elements. Here's the short list of topics disscused in this article:

  • Get to know Ext JS

  • Build rich Internet applications with Ext JS

  • UI elements

  • Conclusion

  • Resources

Source: IBM developerWorks.

Fun with Ext JS and Aptana Jaxer

Rich Waters post an article about Jaxer — server-side JavaScript platfoorms. He write::

«Shortly after Aptana released Jaxer, a new server-side JavaScript platform, I was able to spend some time running Ext JS code on the server-side. Jaxer facilitates a tightly knit integration between the client and server by allowing you to include JS code that will be run on the server, client, both, or as a server-proxy. The server-proxy allows Jaxer to wrap client and server-side communications up allowing either synchronous or asynchronous calls between the client and server. Jaxer provides a means for file, database or even socket access as one would expect from a server-side platform. Check out Aptana Jaxer for more details on how you can leverage your JavaScript skills on the server-side.»

Source: ExtJS blog.

Use Namespaces to organize your JavaScript code

Aaron Conran post an article in ExtJS blog in which he tells aabout using namespaces in JavaScript. Here' the list of topics discussed in this article:

  • Why use namespaces?

  • Namespaces without Ext JS

  • Ext.namespace

  • Summary

You can read the full version of this article in ExtJS blog.

ExtJS 2.1 and ExtJS 3.0 preview

ExtJS 2.1  released with following features:

  • Full REST support
  • Added Ext.StatusBar Component and Samples
  • Added Ext.Slider Component and Samples
  • Added Example to demonstrate Remote Loading of Component Configs
  • Added Grid Filtering Sample
  • Added Layout Browser Sample
  • Added Spotlight Sample

Also ExtJS team published preview  version of ExtJS 3.0

Source: ExtJS.

Ext.ux.FileTreePanel for Ext 2.0 - new nice widget

Nice control were created by Ext Core Team member Jozef Sakalos.

Source:Ext team blogs

Vista Gadget with Ext JS

Jack Slocum writes about Windows Vista gadgets created with ExtJS 2.0 in his blog He writes

«A while back in the Ext forums I mentioned a Forum Gadget I was working on for Windows Vista created with Ext 2.0. The gadget gives the ability to monitor the Ext JS forums (all posts or by individual forum), perform fast searches and supports both docked and undocked mode.»

Ext 2.0.1 Released

This is a maintenance release that fixes several issues with the 2.0 release. Some notable issues that have been addressed include:

  • Fixed various overflow/scroll issues related to form fields and grid
  • Workaround included for the Firefox 2.0/Mac overflow:auto invisible scrollbar bug
  • Fixed several issues related to destroying form elements
  • Multiple GridView and GroupingView fixes
  • Various other minor bug fixes and documentation updates

Extended Filtering Using the Grid Filter Plugin

ExtJS is a very powerful library. TH ExtJS team continuing to produce a lots of plugins for it. Few days ago the Grid Filter Plugin was released.
One of the plugin creators explaining in his blog for what this plugin designed:

New Ext 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.

Ext 1.1 Released

Ext 1.1 is now official. The beta period is over, and anyone on older 1.x versions of Ext should strongly consider upgrading to 1.1 as it is the most stable and bug-free release yet. Please visit download page now and get a copy for yourself!

Ext 1.1 Beta 1 Now Available

The 1.1 Beta 1 download is now available. This build includes Ext Stand-alone, a lightweight HTML editor, Ext.Ajax utility class, DateField enhancements, more documentation and many bug fixes.

Ext Stand-alone
Ext can now run on its own without a base library. The ext-base file weighs in at 34kb minimized. This is less than YUI utilities + adapter (58kb), Prototype/Scriptaculous + adapter (71kb) or jQuery + required plugins + adapter (62kb - minimized, not packed).

Syndicate content