Learn how to build a web application with ExtJS

If you’re interested in learning ExtJS and by accident know some German, I can recommend you read an article I wrote together with my colleague Stefan Botzenhart. The article is called ‘Kombiniert: Ruby on Rails und Ext JS’ and is published in the famous German IT magazine iX in their actual special edition called Web on Rails. In the article we explain the implementation of meinkabinett, a web application where people can vote celebrities for the European government....

June 13, 2009 · 1 min · admin

Display an info text in a HTML input field if its focus is lost

Now that with Ext Core a light-weight version (just 25kB) of ExtJS has been released, I thought it’s time to build a nice example with it. The result is something very useful that you can see in actually a lot of web sites: Display a info text inside of a input text field if it is empty and does not have the focus. Here’s how it looks like: E-Mail: To add this behaviour to a input field you just have to call this single line:...

June 12, 2009 · 1 min · admin

Mark Required Fields in a ExtJS Form

May 4, 2009 · 0 min · admin

Phone number selector in ExtJS

Wouldn’t it be nice to use a combo box of flag images to select the country code of phone numbers? If you use a country selection component that’s quite easy. Just wrap it in a re-usable component together with a textfield for the local number and the result looks like this: And here’s the example’s source: Ext.onReady(function(){ var panel = new Ext.FormPanel({ style: 'padding: 10px;', frame: true, labelWidth: 50, width: 400, items: [{ fieldLabel: 'Mobile', xtype: 'phonefield', anchor: '100%', emptyText: '(e....

April 8, 2009 · 1 min · admin

Putting ExtJS templates in separate files

To create a template in ExtJS you usually have to put the template code inline in your javascript. That could lead to problems if you want to edit your code and the designer wants to change the template. Therefore it’s a good idea to put the template in a separate file. For that reason I built this loader singleton that is capable of lazy loading ExtJS templates: Ext.ns('templates'); templates.Loader = function(){ var that = {}; var map = {}; that....

March 11, 2009 · 1 min · admin