Monthly Archives: July 2010

This is a very short post in my ExtJS posts, when we dealing with handler config in many component sometimes we want to passing the parameter inside the function, so here the simple code on how I do it

Ext.onReady(function() {
    var myHandler = function (name){
       Ext.Msg.alert('Notification', 'Hello ' + name);
    };

    var form = new Ext.FormPanel({
        frame: true, border: false, buttonAlign: 'center',
        url: 'test.php', method: 'POST',
        buttons: [{
            text: 'Submit Test',
            handler: myHandler.createDelegate(this, ['Luffy'])
        }]
    });

    var winLogin = new Ext.Window({
        title: 'Function Handler Parameter',
        layout: 'fit', width: 200,
        height: 80, resizable: false,
        border: false,
        closable: false, items: [form]
    });
    winLogin.show();
});

The era of blogs still continue to grow, blog enables you to publish everything you like, and some of these blogs that I mention can steal a lot of readers from big company, in internet industry some says a big company is not the guarantee to win game, but it have to be fast.

If you are a social media addict, internet entrepreneur or something like that, maybe you didn’t want to left behind what is happening on the industry, and some of these blogs can provide you a really fast tech news, just follow them on twitter or subscribe them.

Till these day firefox still my first choice to my browing experience, besides the so many addons, firefox have many choice of themes to make it prettier and it called persona, and here is my first 50 favorite Firefox Persona and I have tried it on my Firefox.

Recently I love twitter, even though I didn’t tweet too often, cause I found many great link from the people that I follow. In this post, I want to create a little twitter client to getting the latest tweets by specific username using ExtJS DataView, cause the app are just getting the tweets the it doesn’t have to authenticate the users, let get straight to the code:

Well when this post is created Palm WebOS is not really big news, it is losing the game fighting with iphone and android, but when HP joining the Palm, maybe the story will be different in the future. Not much WebOS app for now, but this list is something that I found.

When creating ExtJS application you must be need some of cool icons, mostly the icon used in ExtJS component like in toolbar, menu, tab, treepanel, button or any other place on the component which the icon can be customized based on your need. Here I create a list of mini icons set that can be used in your ExtJS application, the icons was handpicked only for the size 16 x 16 pixels, that suit in the ExtJS default themes.

The search feature is one of the must have feature when creating a website, when we designing a search field, it has to match our site theme or look and feel. Here I listed the 50 search field design from various search engine that I found on internet, there are some with classic design, some with fancy image, etc. Just check it out.

Last week I tried some of the extjs dataview example, it really great, just my thought, why not creating simple image gallery with dataview? All that we need is provided in the example (the panel, fileinputfield, the xtemplate) and this is the page wire frame that I created using Pencil Firefox Plugins.

Fedora is one of the popular linux distribution on planet, it mostly supported by RedHat, and fedora make me love linux for the first time, it stand about 6 month on my old laptop before I moved to ubuntu, eventought now I using windows I still love the blue theme that fedora have with gnome desktop, check it out.

Uploading file on Extjs is quite simple you can use the ux plugin from example site or find the 3rd party plugins or extension (whatever you called it), in this post I want to implement the multiple upload using default plugins from extjs example one another one using 3rd party plugin called “awesome uploader”

Using Default Extjs Ux File Input

You need to include these two files on your Extjs application, they are the js file in folder “examples\ux\fileuploadfield\FileUploadField.js” and the css file in folder “examples\ux\fileuploadfield\css\fileuploadfield.css”, then you can add field on the FormPanel with xtype “fileuploadfield” and add config “name” (this will processed by server) for example in my formpanel