icônes bizarres dans un gridpanel [Résolu]

[DiverSIG]

Bonjour,

j'ai déclaré un gridpanel, mais les icônes dans les en-têtes de colonnes sont tout bizarre! (cf. pièce jointe)
par ailleurs, le gridpanel fonctionne parfaitement (tri de colonnes, redimensionnement de la largeur des colonnes, ...)

voici la déclaration de mon gridpanel:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var mesColonnes = [
        {header: 'Identifiant', width: 200, dataIndex: 'param_id',sortable: true},
        {header: 'Paramètre', width: 200, dataIndex: 'param_libelle',sortable: true}
    ];
var monGridPanel = new Ext.grid.GridPanel({
        autoHeight:true,
        store: monStore,
        columns:mesColonnes
    });
 
 
    monGridPanel.show();

qu'est ce qui cloche ?

Merci,

Nico

[sekaijin]

il te faut en début de ton programme fixer
Ext.BLANK_IMAGE_URL
qui est l'url ou se trouve l'image 'resources/images/default/s.gif'
les boutons dans ExtJS les images qui s'affichent son des background images fixées par le feuille de style.
pour réserver l'espace pour les afficher ExtJS utilise une image s.gif transparente de 1 pixel qui est re-dimensionné à la taille nécessaire au bouton.

pour trouver cette image ExtJS utilise l'url définie par Ext.BLANK_IMAGE_URL si le navigateur ne trouve pas cette image il affiche une image cassée.

perso je définis toujours
Ext.baseUrl qui est la base de l'URL de mon site
http://localhos/monAppli pour le dev
http://monappli.com pour la prod

et au début de mes programmes je redéfini
Ext.BLANK_IMAGE_URL = Ext.baseUrl + 'resources/images/default/s.gif';

ainsi lorsque mon application change d'url je n'ai besoin de changer que baseUrl (que j'utilise aussi pour ajax)
ce peti code permet de le calculer automatiquement en fonction de ext-all

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  var reg = new RegExp("[/\.]+", "g");
  splitScriptName = function (src) {
    return src.split(reg);
  };
 
  var r = new RegExp("[/]", "g");
  splitScriptPath = function (src) {
    return src.split(r);
  };
 
  var i=0;
  Ext.each(Ext.query('script'),function(s){
    if ('' != s.src) {
      script = splitScriptName(s.src);
      if (('ext-all-debug' == script[script.length -2]) || ('ext-all' == script[script.length -2])) {
        script =  splitScriptPath(s.src);
        Ext.baseUrl ='';
        for (var j=0; j<script.length - 1; j++) {
          Ext.baseUrl += script[j] + '/';
        }
        Ext.BLANK_IMAGE_URL = Ext.baseUrl + 'resources/images/default/s.gif';
      }
    }
  });

A+JYT

[DiverSIG]

elle était bien déclarée, mais avec un mauvais chemin d'accès.

Merci,
Nico