Discussion :

[cow_boy17]

Bonjour,

Voilà 3 jours que j'essaie de faire fonctionner une simple ComboBox Ajax avec ExtJS. J'ai réussi à faire fonctionner le composant TreePanel mais pas moyen avec la Combo même en reprenant les exemples basiques... Je dois manquer quelque chose...

Je charge :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<link type="text/css" href="../../ext/resources/css/ext-all.css">
<script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext/ext-all.js"></script>

Et dans ma page j'ai une balise de script qui contient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
Ext.onReady(function(){
        // simple array store
        var store = new Ext.data.SimpleStore({
            fields: ['uid_categ_recette', 'categ_recette'],
            data : [{"uid_categ_recette":"1","categ_recette":"Desserts"},{"uid_categ_recette":"2","categ_recette":"Entree"}]
        });
        var combo = new Ext.form.ComboBox({
            store: store,
            displayField:'categ_recette',
            typeAhead: true,
            mode: 'local',
            forceSelection: true,
            triggerAction: 'all',
            emptyText:'Select a state...',
            selectOnFocus:true,
            applyTo: 'local-states'
        });
});

Dans mon debugger JS j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
Erreur : this.getRawValue() is undefined
Fichier source : http://intranet/ext/ext-all.js
Ligne : 124

J'ai bien créé la div "local-states" qui correspond au ApplyTo. J'ai essayé de passer par SimpleStore, Store, JsonStore et aussi par les événements pour ne générer la ComboBox sur l'événement "load" du store mais ça ne change rien j'ai toujours soit "this.getRawValue() is undefined" soit "R.doRemove is not a function".

Je ne comprend vraiment pas....

Merci d'avance pour votre aide.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<link type="text/css" href="../../ext/resources/css/ext-all.css">
<script type="text/javascript" src="../../ext/ext-all.js"></script>
<script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>

Peut-être ?

[cow_boy17]

J'ai essayé mais ça ne fonctionne pas, si j'inverse les inclusions de scripts j'ai les erreurs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
Ext is not defined
Ext.onReady is not a function

Je pense que ext-all.js a besoin des définitions contenues dans ext-base.js.

[Bovino]

http://intranet/ext/ext-all.js

Ce ne serait pas une erreur de chemin ?

EDIT :
Ou sinon, il te manque peut-être une extension pour avoir les fonctionnalités que tu veux utiliser...

[cow_boy17]

Non le chemin est bon. Je ne vérifie bien avec Firebug.
Concernant les extensions, qu'est-ce que tu appelle extension ?
J'ai essayé d'inclure les outils yahoo avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<script type="text/javascript" src="../../ext/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../../ext/adapter/yui/ext-yui-adapter.js"></script>

Mais ça ne change rien. Mais dans ce cas il faut pe inclure des feuilles de styles spécifiques ?

[taichimaro]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Ext.onReady(function(){
        // simple array store
       var recetteData =[
                                   ['1','Desserts'],
                                   ['2','Entree']
                               ];
 
        var store = new Ext.data.SimpleStore({
            fields: ['uid_categ_recette', 'categ_recette'],
            data : recetteData
        });
        var combo = new Ext.form.ComboBox({
            store: store,
            displayField:'categ_recette',
            typeAhead: true,
            mode: 'local',
            forceSelection: true,
            triggerAction: 'all',
            emptyText:'Select a state...',
            selectOnFocus:true,
            applyTo: 'local-states'
        });
});

essaye ca