Simple ComboBox Ajax

Version imprimable

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:

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:

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:

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.

Code:

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 ?

07/10/2008, 20h49
cow_boy17
J'ai essayé mais ça ne fonctionne pas, si j'inverse les inclusions de scripts j'ai les erreurs :
Code:

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. :cry:
07/10/2008, 20h54
Bovino

Citation:

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...
07/10/2008, 21h21
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:

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 ?

Code:

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 ;)