Ajouter des icônes à une barre de menu ?

Version imprimable

Bonjour,

S'il vous plait, comment je peux ajouter des icônes à menubar en ExtJS ?

Voici la partie que j'ai fait mais ça ne marche pas

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 menubar = [{
   text: 'Add Site',
   iconCls: 'icons/add.png',
   tooltip: 'Add a new site',
   //iconCls: 'addItem',
   handler: function() {
      // add new user - action
      new CreateSite(siteDataStore);
   }
},'-',{
   text: 'Delete Site(s)',
   iconCls: 'icons/delete.png',
   tooltip: 'Remove the selected sites',
   //iconCls: 'remove',
   handler: function() {
      // delete user now - action
 
      var sm = gridPanel.getSelectionModel();
      var rowselected = sm.getSelected();
      var selectedId = sm.getSelected().data.id;
 
      new DeleteSite(siteDataStore, selectedId);
   }
}];

Merci d'avance.

Bonjour,

Il faut créer un CSS pour appeler l'image que tu veux afficher ^^

ExtJS :

Code:

1
2
3
4
5
6
7
8
9
var menubar = [{
text: 'Add Site',
tooltip: 'Add a new site',
iconCls: 'addItem',
handler: function() {
// add new user - action
new CreateSite(siteDataStore);
}
...

CSS :

Code:

1
2
3
4
.addItem{
	background-image: url(icons/add.png) !important;
	background-repeat: no-repeat;
}

15/05/2012, 13h19
jerada

Merci beaucoup, ça marche :P