We have an immediate need in Munich, Germany for a JavaScript expert. The candidate must have extensive interface design skills and strong familiarity working with js frameworks such as jQuery.

Being able to understand and communicate in German a requirement.

If you are interested or know someone who would be interested please send me an email using my contact form.

Cheers and happy programming.

Google recently released a 3 JavaScript tools which they are calling Closure Tools. These tools have helped Google to create software like Gmail, Google Docs and Google Maps. The decision for Google to release these tools as open-source could be a boon to many developers.

[More]

I spent some time the last week or so working sporadically on an intro Presentation for ExtJS. Basically highlighting some of the cool things like Ext Direct. It also happens to be my last day at the company.

[More]

I posted a little while ago that Ext JS 3.0 was available, well that was not the final release. Ext announced today on their blog yesterday that the final release of 3.0 is now available for download.

[More]

Although not announced yet on their blog I noticed today that Ext JS 3.0 is now available for download.

[More]

Yesterday Ext JS announced via their blog the release of Ext:Direct a new package to help developers write less code by streamlining communication between client and server.

[More]

We have a couple of projects currently running in parallel and as always resources are a bit in short supply. This has given me the opportunity to put on my developer hat a bit and help out a bit. This time with building a simple jQuery accordion. I didn't want to use the accordion widget so I quickly put together a quick little example for the developer to integrate into the project.

[More]

How do you provide your customers with the Ajax functionality they want and still optimize the site for search engines?

[More]

I noticed a post this morning from Ajaxian about a free downloadable Adobe Air Javascript Developers Guide.

[More]

A reader recently asked about my Spry Panel with Dynamic Content post:

How do I extend it to automatically generate each TAB from an external file as well.

The tabs are generated from [an] external XML data (the XML contains the link to be run when the Tab is clicked), and then each tab generates it's content when it is clicked.

In my post the tabs were hard coded, to dynamically generate the tabs using an xml file and then dynamically load the content specified in the xml file it's just a little bit more work (but less typing!).

[More]

As I mentioned in my post on Monday via a post on Ray Camden's site creating customized cell renderers are possible, though not officially supported in CFGRID.

What that actually means is that CF doesn't provide a simple way of specifying a cell render for a grid column as shown in the hypothetical code snipet below:

[More]

We continue where we left off in EXT Grid Part 3. I won't bother this time in having the entire script block again rather just focusing on the next part of interest.

[More]

In this post we will begin to dissect the javascript code used to create the EXT Ajax Grid.

In Part 1 I simply introduced you to the Javascript in a complete example without really explaining any of the code.

I will do my best to break it down in to manageable chunks. Starting with setting up the Anonymous function and then going onto setting up of the data store.

Here is the complete Javascript block once again for reference:

[More]

In the previous Ext Tree and Coldfusion Example post we set up an EXT treeview bound to a Coldfusion component.

In this example we will be building upon that example to add a dynamic context menu to our tree. The context menu will be populated by calling a function in a Coldfusion component.

Step 1

The first thing we need to do is include the below snippet of code in the head section of our page, but after the ext-all.js.

[More]

The EXT tree is, in my opinion, a much better implementation of a dynamic ajax tree than what the yahoo utility toolkit starts out with, and subsequently what Adobe decided to use for the CFTREE tag. Once again I am really amazed at the quality work that Jack and his crew have done. The tree itself is relatively simple to set up as either a static tree or dynamic tree. In the example code I will be showing I have set up the tree to have a lazy loader. This means that I will only be showing the root (and in this case the first set of children) of the tree and each time a node is clicked a call will be made to populate that nodes children.

[More]

This is the second installment of building an Ajax grid using the EXT UI and Coldfusion.

In Part 1 we included the library files and set up the Javascript and HTML to render our Grid with paging.

In this entry we will set up an Ajax wrapper component and a component to populate our grid.

We need an Ajax wrapper component in this example because we are not using Coldfusion 8, the Ajax component will act as an intermediary component to instantiate our component and output the results. We could also use a standard cfm page but I prefer to use a component.

ajaxwrapper.cfc

[More]

I recently posted an example on using one of the Coldfusion 8 Ajax CFGRID. I also mentioned at the time that it's based upon the GUI Library found at ExtJS.com. Well I thought it would be a good idea to also show an example on how to set up a grid using the library.

In Part one I will introduce you to the front end part, that is the javascript code to set up the grid, as well as what files you need to include in order to get it working. The next part we will go through the Javascript. And then in the final part I will show you how I set up the return data. Since I do not have Coldfusion 8 on my hosting provider we will build then entire thing using Coldfusion 6 or MX tags and functions.

So lets get started....

There are some necessary files you need to include at the top of the page that you want to have the grid on. The files are the base Yahoo utilities file, an yahoo to ext adapter and then the main ext library. Jack recently moved away from dependence on a third party base library and has created his own so in the future we won't need to have the yui-utilities included but the ext base library instead.

If you don't have the base library yet you can get it from the Extjs download area.

Put the code below into the html head of your page making sure to change the paths to where you have your resources.

The next thing we will do is set up our grid. In the head area of your HTML document drop in the following:

[More]