Category Archives: AJAX

JavaScript Tabs: ExtCore vs jQuery UI

ExtCore and jQuery UI are both JavaScript libraries which allow web developers to create all kinds of widgets. I have been using both over the past year or so, and specifically to use their respective “Tab” widgets.

How do these two libraries compare when you want to build tabs from existing HTML markup? Continue reading

Posted in AJAX, ExtJs, Firebug, JavaScript | 2 Comments

ExtJS Unit Testing now on Google Code

Although I’ve been meaning to do this for a while now, I finally released the ExtJS Unit Testing platform as an open source project on Google Code!

I’ve been talking about the need for a solid JavaScript unit testing platform for a while, specifically in relation to ExtJS. I gave a presentation on the subject a few months ago and have received some great feedback from the ExtJS community. I encourage you to take a look – I find it extremely helpful in my own day-to-day development. Continue reading

Posted in ExtJs, JavaScript | 5 Comments

A Customized ExtJS Toolbar

I’ve been working on an application for some time that necessitates changes to my grid’s toolbar depending upon several factors. The challenge that I’ve run into is that the default Ext.Toolbar() object is not very helpful when you try to show/hide options which are not specifically grouped.

Now as far as I know, there isn’t a plugin or user extension available which meets the requirements my application needs. Therefore I created my own! Continue reading

Posted in AJAX, ExtJs, JavaScript, Web Development | Leave a comment

Book Review: ExtJS 3.0 Cookbook

ExtJS 3.0 Cookbook is definitely geared towards JavaScript developers who have some basic understanding of and experience with ExtJS 3.0. If you’re brand-new to ExtJS, you may want to wait a few weeks until you’ve spent some time playing with the various components and layouts that ExtJS offers.

As an experienced ExtJS developer, I can say with absolute certainty that I learned some new tricks while reading this book. Continue reading

Posted in Book/Product Reviews, ExtJs, JavaScript, Web Development | 3 Comments

New Book: ExtJS 3.0 Cookbook

A few days ago I was contacted by Packt Publishing. As an active member of the ExtJS community, I have been asked to review a new book called ExtJs 3.0 Cookbook. My copy of the book is in the mail and should be arriving shortly and I’ll be posting my review within a few weeks Continue reading

Posted in AJAX, ExtJs, JavaScript, Web Development | 1 Comment

Custom colors for Ext.chart.*

With the release of ExtJS 3.0 earlier this year, developers can now create and use charts of various kinds. The ExtJS chart classes (Ext.chart.*) are basically extensions of the YUI charts – which has made my life difficult because neither YUI nor ExtJS does a fantastic job documenting how to use them. My biggest beef with the Ext.chart.* docs has to do with the ability to change the default colors.

Here’s an example of how to change the colors on a Pie Chart. Continue reading

Posted in ExtJs, JavaScript | 3 Comments

Update to Ext.ux.UnitTest()

Back in May, I started a pet-project on Unit Testing with ExtJS. I just uploaded the newest changes to my Ext.ux.UnitTest() class, and a demo is available here.

The most recent enhancements include:

– migration from Ext 2.2.1 to Ext 3.0
– use of Ext.chart.PieChart() to visually track the tests
– addition of assertTrue() and assertFalse() test methods
– test grouping, and color-coded group labels

Take a look and let me know your thoughts! Continue reading

Posted in ExtJs | 1 Comment

ExtJS 3.0 Themes

One of the best improvements offered in ExtJS 3.0 over previous versions is the new CSS structure. JC Bize (an ExtJS Development Team member) had an excellent presentation at the 2009 Ext Conference discussing what had changed and offered some tips on how to build your own themes. I recently migrated my application from 2.x to 3.0, and I’d like to share my experience with creating a new theme. Continue reading

Posted in ExtJs, JavaScript, Web Development | 6 Comments

Ext.data.JsonStore

Call me a nerd, but I do have a favorite ExtJS class: Ext.data.JsonStore(). I like this class for a number of reasons. . . for starters, it saves several lines of code as you don’t have to declare an Ext.data.Store(), Ext.data.HttpProxy() and Ext.data.JsonReader() class just to read data from the server. Ext.data.JsonStore() does all of that for you, making your code cleaner. . . and who doesn’t like clean code?

I recently found one more reason to love this class. If you return a JSON response from the server which contains a “metaData” property (in addition to whatever “root” property mapped to the actual data), you can save yourself even more lines of code! Continue reading

Posted in ExtJs | 6 Comments

ExtJS: Migrating from 2.2.1 to 3.0

I sat down this morning with the intention of migrating my application from ExtJS 2.2.1 to ExtJS 3.0. Although I’ve been playing with version 3.0 for some time, I was a bit worried that my application (containing more than 20,000 … Continue reading

Posted in ExtJs, Web Development | 2 Comments