Champ vide dans la liste combobox ExtJS

Bonjour,

J'ai une combobox faite en eXTJS4 qui fonctionne bien en récuperant mes valeurs dans ma base de données ..
par contre mon souci est que dans cette liste je voudrai y rajouter un ligne vide histoire de remettre la liste de la combo a vide si l'utilisateur ne veu plus faire de choix..

Sur mon fichier join le premier cadre c la coombo avant select et apres selection d'un élément le deuxieme cadre ou j'arive plu a remetre la combo a nul

mercii

Mon code

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
25
26
27
28
29
30
31
32
33
34
var storeLD02 = Ext.create('Ext.data.Store', {
        fields      :['id', 'libelle'],
        proxy: {
         type: 'ajax',
         url: '/gedeo/listeValeurs/rechercherlistevaleurs/liste/TypeMilieu',
         reader: {
             type: 'json',
             root: 'elt'
         }
     },
     autoLoad: true
    });
 
    //LD02: Criteres hydrographiques : combobox type de milieu aquatique - 2 le combo en lui meme
    var LD02 = Ext.create('Ext.form.ComboBox', {
        id              :'type_milieu_aquatique',
        fieldLabel      :'Type de milieu',
        labelWidth      :150,
        store           :storeLD02,
        queryMode       :'local',
        displayField    :'libelle',
        valueField      :'libelle',
        emptyText       :'---',
		listeners		: {
			select	: function(liste, index){
				emptyText       :'--';
 				ST02.enable();
 				if(LD02.getValue()=='--'){
					ST02.disable();
				}
			}
		},
	    editable        :false
    });