Olivier Pons

Ma Vie, mon univers et mes restes

Olivier Pons image en-tête

Articles marqués avec 'programmation javascript'

Sencha / ExtJS : comment garder une colonne triée avec une grid ?

Le 07/05/2012 - 08:05 · Aucun commentaire

Quand on fait une grille de données (datagrid) et qu’on la lie avec un magasin (store) c’est facile. On peut autoriser à trier par colonnes dans la datagrid. Seul problème : si le store est un stocké sur le serveur, il fait une seule fois l’appel et ensuite c’est la datagrid qui gère les tris. Quand [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

ExtJs : dériver un Store « générique » et s’en servir

Le 26/04/2012 - 13:04 · Aucun commentaire

Ça fait plus d’une journée que je cherche comment faire un Store générique, c’est à dire que j’ai plusieurs Store qui sont tous basés sur le même modèle avec le même type de proxy, etc. Donc au lieu de faire un copier coller pour chaque Store, j’ai cherché comment en faire un « générique » auquel je [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

ExtJS et grids : double click, comment faire, howto ?

Le 26/03/2012 - 10:03 · 2 commentaires

Cela fait une bonne heure que je cherche comment avoir le double click sur une grid générée dynamiquement. C’est très simple : Ce code ne fonctionnait pas, donc si vous êtes dans le même cas que moi, n’ayez pas peur : this.gridAttributs = Ext.create(‘Ext.grid.Panel’, {     border: 0,     store: this.store,     columns: [         { text: "id", dataIndex: 'id', [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

jQuery et changement de css / class / classname

Le 12/03/2012 - 12:03 · 1 commentaire

Encore la petite astuce pratique qui vous évitera de chercher des heures : Très souvent, on veut changer la propriété d’un div. C’est facile via la fonction jQuery $(‘#mondiv’).css(‘propriété’, ‘nouvelle valeur’); Mais si on veut applique carrément tout une classe ? C’est très simple, c’est la fonction .toggleClass() : $(‘#mondiv’).toggleClass(‘nouvelle classe’);

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

jQuery : différence entre visible et hidden

Le 07/03/2012 - 11:03 · 3 commentaires

Je voulais tester si un élément est visible, ou non, en jQuery. Après quelques recherches sur le net, on tombe souvent sur des exemples comme cela : if ( $(« #monid »).is(‘:visible’)) { … } C’est une grossière erreur. Voici l’explication, et le principe qu’il faut avoir en tête : Lorsqu’on cache ou qu’on montre un élément avec jQuery [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

ExtJS : exemple d’un développement

Le 10/01/2012 - 09:01 · 3 commentaires

Voici une petite capture d’image d’un Intranet que j’ai développé. Temps de développement : trois jours à temps plein. Tout fonctionne parfaitement, en AJAX, synchronisation, etc. Tout ça pour dire que ExtJS est vraiment une librairie formidable dans ce type de cadre :

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

jQuery : animate(), queue() et dequeue() solution

Le 10/11/2011 - 09:11 · Aucun commentaire

Voilà le problème que je viens de rencontrer et que vous avez sûrement rencontré si vous faites un petit peu de jQuery : j’ai fait un <div></div> qui était un petit rectangle, et je voulais, que lorsque la souris entre dedans, il s’agrandisse, et lorsqu’elle en sort, il diminue. Le problème (qui est la plupart du [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

ExtJs, DataGrid, Store et événements : mémo pour le déboguage

Le 11/10/2011 - 14:10 · Aucun commentaire

Voici un petit mémo simple : si vous essayez de comprendre dans quel ordre se font les événements, je vous conseille de lire la page ici. Parmi tout ce qui est expliqué, voici ce que j’utilise le plus souvent : une fonction de trace des événements. Faites comme moi : un bon copier-coller des familles, et vous [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

JavaScript : comment tester, et faire partager très rapidement son code

Le 21/08/2011 - 11:08 · 1 commentaire

Supposons que vous vouliez montrer quelques exemples de code JavaScript, mais surtout, le partager rapidement. C’est très simple : avec http://jsfiddle.net/, vous tapez votre exemple de code, et à la fin vous cliquez sur « sauver » et hop, une URL automatique est créée. Il vous suffit de copier colle le lien pour partager votre code exemple [...]

[Lire l'article →]

Tags: développement · développement Internet · programmation javascript

ExtJs et variables locales – fonctions anonymes

Le 19/08/2011 - 20:08 · Aucun commentaire

J’ai eu à faire face à un problème. Malgré le fait que j’aie l’impression que la variable soit accessible parce que c’est un accès à l’intérieur de la classe, ça ne fonctionnait pas et l’erreur ressortait systématiquement : this.writerForm: variable unknown J’ai mis en gras ci-dessous le code qui pose problème : Ext.define(‘Writer.Panel’, { extend: ‘Ext.panel.Panel’, initComponent: [...]

[Lire l'article →]

Tags: développement · programmation javascript