Let the user select an item in a modal dialog

August 5th, 2009 · 1 Comment

After having used the shiny new YUI3 library for a project, it’s about time to share my YUI3 experiences with you.
For the project I built an item selector: A modal dialog is openend and the user has to select an item. After selection the dialog is closed and the selected item is passed to a [...]

[Read more →]

Topics: · , , , , , ,

Phone number selector in ExtJS

April 8th, 2009 · No Comments

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:
iconcombo1countrycombo1phonefieldphonefield1
And here’s the example’s source:

Ext.onReady(function(){
[...]

[Read more →]

Topics: · , , , , , , ,

Component for selecting multiple items in Ext

April 8th, 2009 · No Comments

Ext already provides a component to select multiple items. The thing I do not like about it is that it covers too much space on the screen.
Therefore I thought of a component that initially looks like a combo box and then opens a new window to let the user select the items.
As a nice example [...]

[Read more →]

Topics: · , , , , , ,

Country selector with flag images in ExtJS

April 1st, 2009 · 2 Comments

Based on the ExtJS-Tutorial on how to build a combo box with an icon, I built a component that can be used as a country selector in ExtJS.
Here you can find the code of the component:

Ext.ns(’Extreme.components’);
 
Extreme.components.CountryCombo = Ext.extend(Ext.form.ComboBox, {
constructor: function(config){
var data;
[...]

[Read more →]

Topics: · , , , , ,