Discussion :

[solo190]

bonjour à tous ,
je suis debutant en ext js , et la je suis confronté à un problème.
ma requette s'ecécute bien mais je n'arrive pas à continuer mais traitement car une valeur de ma fonction de retour n'est exacte.
voici le code que j'utilise

Code :

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

1
2
3
4
5
6
7
8
9
 handler: function () { 
    store.load({ 
	params:{
		start: 0, 
		limit: 1
	}, 
        scope: this,
        callback:function(records, operation, success) {
            if (success) { alert('yes');

voici le message d'erreur que j'obtient dans ma console

Uncaught TypeError: undefined is not a function ext-all.js:38Ext.define.processResponse ext-all.js:38(anonymous function) ext-all.js:38Ext.apply.callback ext-all.js:38Ext.define.onComplete ext-all.js:38Ext.define.onStateChange ext-all.js:38(anonymous function)

merci de votre apport !

[sekaijin]

Nous n'avons pas la fin de ta fonction.

plutôt que d'utiliser la callback de la config de la méthode load
tu peux agir sur l'événement load du store.

Code :

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

1
2
3
4
store.on('load', function(store, records, successful, eOpts) {
  ...
};
store.load();

la différence est que avec ta façon de faire le callback n'est appelé que sur l'instruction load que tu as écrite
avec l'événement se sera le cas chaque fois que le store sera chargé (par exemple par la pagination).

généralement avec sencha on n'écrit jamais d'appel spécifique à la méthode load. on laisse le famework faire.
et on réagit au événement.

A+JYT

[solo190]

je vous remercié (Sekaijin) pour vos interventions , celles-ci m'ont permis de modifier mon code ainsi

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 {
    text:'Rechercher',
    store: Ext.create('KitchenSink.store.dstore_Recherche_Numero_Presc'),
    handler: function () { 
        console.log('laba ');
        store.on('load', function(store, records, successful, eOpts) {
            if(records) {
                console.log('chargement en cours ');
            }
        });
        store.load();
        console.log('ici ');
    }
}

mais jusque là, je n'obtiens pas ce que je veux car dans la console il y'a bien les Message 'laba' et 'ici'.
mais le message 'chargement en cours' lui n'est jamais affiché pourtant le store est bien chargé, il a deux valeurs.
Merci de votre soutient !

[sekaijin]

je verrais plutôt quelque chose comme

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
{
  text:'Rechercher',
  store: Ext.create('KitchenSink.store.dstore_Recherche_Numero_Presc', {
    listeners: {
      load: {
        fn : function(store, records, successful, eOpts) {
          if(records) {
            console.log('chargement en cours ');
          }
        },
        scope : this
      }
    }
  }),
  handler: function () {
    store.load();
...

je rappelle que le chargement est asynchrone

le mieux serait se mettre le listenne dans la définition de dstore_Recherche_Numero_Presc

A+JYT

[solo190]

sekaijin,
voici comment j'ai modifier le code mais j'ai toujours les meme erreurs,

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
{
    text:'Rechercher',
    store: Ext.create('KitchenSink.store.dstore_Recherche_Numero_Presc', {
        listeners: {
            load: {
                fn : function(store, records, successful, eOpts) {
                    if(successful) {
                        console.log('chargement en cours ');
                    }
                },
                scope : this
            }
        }
    }),
    handler: function () {
        console.log('Arret 1');
        store.load();
        console.log('Arret 2');
    }
},

mon problème se serait pas par hasard ailleurs ?
voici les messages que j'ai dans ma console

Arret 1 app/view/examples/forms/Numero_Prescription.js:69
Arret 2 app/view/examples/forms/Numero_Prescription.js:71
Uncaught TypeError: undefined is not a function

undefined is not a function correspond à quoi ? puisqu'il pointe sur le fichier ext-all.js:38 ;
Merci .

[solo190]

en cas de besoin voici l'instruction de la ligne 71 de mon code : store.load();

[sekaijin]

non cela est logique
tu passe dans ton handler
tu écris arrêt 1
puis tu envois la requête au serveur
tu écris ensuite arrêt 2
et tu reçois la réponse du serveur
et c'est là que tu as ton erreur

tu devrais utiliser ext-all-debug à la place de ext-all
tu lance ton appli et sous chrome ou sous ff tu tape F12 (sous IE ça dépends de la versio pour lancer le deboggeur)

tu exécutes ta fonction et la console affiche l'erreur
tu clique sur la ligne pour ouvrir le source de Ext-all-debug (attention c'est long)
une fois la méthode trouvée tu mets un point d'arrêt au début.
et tu relance ton handler

lorsque ton prog s'arrête tu a la possibilité de voir tes variables.

A+JYT
PS il existe une extension chrome pour voir aussi les objets extjs

[solo190]

sekaijin,
après avoir utilisé ext-all-debug j'ai vu ou se trouve l'erreur mais je n'arrive pas à l’interpréter.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
           proxy: me
        });
 
        request.url = me.buildUrl(request);
 
 
        operation.request = request;
 
        return request;
    },
 
 
    processResponse: function(success, operation, request, response, callback, scope) {
        var me = this,
            reader,
            result;
 
        if (success === true) {
            reader = me.getReader();
 
 
 
            reader.applyDefaults = operation.action === 'read';
 
            result = reader.read(me.extractResponseData(response));   // ligne ou se trouve l'erreur !
 
            if (result.success !== false) {
 
                Ext.apply(operation, {
                    response: response,
                    resultSet: result
                });
 
                operation.commitRecords(result.records);
                operation.setCompleted();
                operation.setSuccessful();
            } else {
                operation.setException(result.message);
                me.fireEvent('exception', this, response, operation);
            }
        } else {

Merci de votre soutient !

[solo190]

je pense que le problème pourrai aussi provenir de la syntaxe de mon json qui peut mal etre ecris

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.define('KitchenSink.store.dstore_Recherche_Numero_Presc',{
    extend: 'Ext.data.JsonStore',
    fields: ['Nom', 'Prenoms', 'numero'],
    });
   // console.log('Dans le store');
    var store = Ext.create('Ext.data.JsonStore', {
 
 
    model: 'KitchenSink.store.dstore_Recherche_Numero_Presc',
    autoload:true,
    totalProperty: 'totalCount',
    proxy: {
            type: 'ajax',
            url : 'app/php/Recherche_Numero_Prescription.php',
            reader: {
                        type: 'json',
			root: 'data',
			idProperty: 'id',
			totalProperty: 'total'
                }
            } 
    }
 );

Merci !

[abraxis]

Bonjour,

Donne nous un exemple de ton JSON que l'on puisse regarde si il est correctement formé.

[solo190]

voici un exemple de mon json

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.define('KitchenSink.store.dstore_Recherche_Numero_Presc',{
    extend: 'Ext.data.JsonStore',
    fields: ['Nom', 'Prenoms', 'numero'],
    });
   // console.log('Dans le store');
    var store = Ext.create('Ext.data.JsonStore', {
 
 
    model: 'KitchenSink.store.dstore_Recherche_Numero_Presc',
    autoload:true,
    totalProperty: 'totalCount',
    proxy: {
            type: 'ajax',
            url : 'app/php/Recherche_Numero_Prescription.php',
            reader: {
                        type: 'json',
			root: 'data',
			idProperty: 'id',
			totalProperty: 'total'
                }
            } 
    }
 );

[abraxis]

Le flux JSON est la réponse que te retourne ta page php (Recherche_Numero_Prescription.php).

[solo190]

Merci,
je m'excuse.
voici mon Json

Code :

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

{"root_valide":[{"Nom":"ABESSOLO","Prenoms":"STEPHANE","numero":"00000000000"},{"Nom":"ABOSSOLO","Prenoms":"MICHELE SIDONIE","numero":"00000000000"}],"totalCount":2}

[abraxis]

Pour moi ton JSON est correct.

A confirmer pour les corrections :

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
var store = Ext.create('Ext.data.JsonStore', {
 
 
    model: 'KitchenSink.store.dstore_Recherche_Numero_Presc',
    autoload:true,
    totalProperty: 'totalCount',
    proxy: {
            type: 'ajax',
            url : 'app/php/Recherche_Numero_Prescription.php',
            reader: {
                        type: 'json',
			root: 'root_valide',
			idProperty: 'id',
			totalProperty: 'totalCount'
                }
            } 
    }
 );

[solo190]

j'ai modifié la création de mon store comme le tiens ,
lorsque j'exécute j'ai bien ' Arrêt 1' et ' Arrêt 2' qui s'affiche dans ma console mais jamais ' chargement en cours' .
j'ai ce message d'erreur dans ext-all-debug :

result = reader.read(me.extractResponseData(response)); : undifne is not a funtion

je pense pour ma part que le reader de mon store est peut etre mal configuré !
a noté que je suis en ext js 4.1.1a

[solo190]

après avoir enlevè ces deux lignes, je n'ai plus de message d'erreur .

Code :

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

1
2
 model: 'KitchenSink.store.dstore_Recherche_Numero_Presc',
    autoload:true,

mais jusque la je n'arrive pas à joindre un evenement au chargement de mon store.

[solo190]

lorsque je modifie le mon boutton comme ceci

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
24
{
                            text:'Rechercher',
                            store: Ext.create('KitchenSink.store.dstore_Recherche_Numero_Presc', {
 
                            }), 
                            handler: function () {
                                                console.log('Arret 1');
                                                store.load( {
                                                                params:{
									start: 0, 
									limit: 10
									}
                                                }),
                                                store.on('load',function (store, records, successful, eOpts ){
                                                        if(successful) {   // s'il n y 'a pas eu d'eereur
                                                        console.log('oui');
                                                    }
 
                                                 });
                                                console.log('Arret 2');
                                            }
 
 
                        },

j'ai plus d'erreur , tout est ok !
Merci à tous