Ce blog a déménagé et parle maintenant uniquement anglais.

This blog has moved and now only speaks English.

blog.floriancargoet.com

See you there!

/home/florian

le blog de florian cargoet : du linux, du web et du logiciel libre



[Update] ExtJS : Bouton asynchrone

16 August, 2009 (12:32) | Ext JS, Webdev | Florian Cargoet

Catégorie Webdev : A propos du web, de son contenu, de ses outils...

Petite mise à jour de mon extension ExtJS LoadButton

On peut désormais utiliser les propriétés iconCls et loadiconCls et plus seulement icon/loadicon. L’intérêt majeur est de pouvoir utiliser un seul fichier image pour toutes vos icônes et de sélectionner la bonne avec un peu de CSS (sprites).

Exemple :

?View Code JAVASCRIPT
new Ext.ux.LoadButton{
    cls: 'x-btn-text-icon',
    text: 'using iconCls/loadiconCls',
    iconCls : 'world_delete',
    loadiconCls : 'ajax-loader',
    handler : deleteWorld
}

Avec les classes CSS :

.world_delete{
    background-image:url(world_delete.png) !important;            
}
.ajax-loader{
    background-image:url(ajax-loader.gif) !important;
}

La démo a été mise à jour et le code est toujours sur GitHub.