Récuperation de store en envoyant un parametre avec ext.ajax.request

Version imprimable

Voir 40 message(s) de cette discussion en une page

Cannot call method 'loadData' of undefined

Bonjour,
merci pour vos réponses,
lorsque je fait :

Code:

1
2
3
4
5
6
7
8
9
success: function(result, request)
								{
 
			var jsonData = Ext.decode(result.responseText); 
			console.info(jsonData);
			nom.col.loadData(jsonData.sucess);//ou bien col.loadData(jsonData.sucess);
			Ext.Msg.alert('!!!!!',''+jsonData);	
 
								},

col.loadData(jsonData.sucess);

Bonjour Merci pour vos réponses,

je declare mon store au debut de fichier js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
col = Ext.data.JsonStore({
								model: 'column',
								proxy: Ext.data.HttpProxy({
 
								url: 'ListeColumn.php', 
								queryMode : 'local',					
								method: 'POST',
								type: 'ajax',
								reader: {
								type: 'json',
								root: 'result'
								},
									}),
							//autoLoad: true,
							autoSave:true,
 
								});

et dans la fonction success du boutton je mets:

Code:

1
2
3
4
5
6
7
8
9
10
success: function(result, request)
								{
		//var text = response.responseText;
 
		var jsonData = Ext.decode(result.responseText); 
			console.info(jsonData);
	nomcombobox.col.loadData(jsonData.result);//ou bien col.loadData(json.success)
		Ext.Msg.alert('!!!!!',''+jsonData);	
 
				},

je reçois l'erreur suivant:

Code:

1
2
Uncaught TypeError: Object #<Object> has no method 'load'
Uncaught TypeError: Object #<Object> has no method 'loadData'

et si je fais :

Code:

1
2
var combo = Ext.getCmp('nom'); 
combo.col.loadData(jsonData.result);

je recois l'erreur suivants:

Code:

1
2
 
Uncaught TypeError: Cannot call method 'loadData' of undefined

merci d'avance de vos aides

29/03/2012, 11h55
abraxis

Je ne comprend pas pourquoi tu passe par un ajax.request.

Un jsonStore pour une combobox suffis (a moins que dans la version 4 cela ne fonctionne pas comme dans le version 3 de ExtJS).
Dans le handler de ton bouton, tu as juste à faire un

Code:

col.load();

(en ajoutant des params si tu as besoin.)

load n'est pas connu

Bonjour abraxis,
mon probléme ce n'est pas ajax.request mais plutot la ofnction load() n'est pas reconu .
tu peux tester chez toi le code.
code php :

Code:

1
2
3
4
5
6
7
8
9
 
 $nom=$_POST['nom'];
$str[] = array(
	            'nom'=>$nom,
);
// echo'{"success":true}';
 
echo '{"result": ' . json_encode($str) . "}";
?>

et voila le code extjs

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<html>
 
<head>
 
<link rel="stylesheet" type="text/css" href="/lib/ext-4.0.7/resources/css/ext-all.css" />
 
<script type="text/javascript" src="/lib/ext-4.0.7/builds/ext-core.js"></script>
 
<script type="text/javascript" src="/lib/ext-4.0.7/ext-all-debug.js"></script>
 
<style type="text/css">
	.adf-icon {
		background: url(adfgif.ico) no-repeat;
		}
</style>
 
 
<script type="text/javascript"> 
 
</script>
 
 
<script>
Ext.application({
    name: 'ajax',
launch: function() {
var name='hossaini';
Ext.regModel('User', 
					{
					fields: ['nom']
					});
	 col = Ext.data.JsonStore({
								model: 'column',
								proxy: Ext.data.HttpProxy({
 
								url: 'ListeColumn.php', 
								queryMode : 'local',					
								method: 'POST',
								type: 'ajax',
								reader: {
								type: 'json',
								root: 'result'
								},
									}),
							//autoLoad: true,
							autoSave:true,
 
								});
////////////////////////////////////////////////////////////
Ext.create('Ext.Button', {
    text    : 'Dynamic Handler Button',
    renderTo: Ext.getBody(),
    handler : function() 
				{
				Ext.Ajax.request({
						url: 'ListeColumn.php', 
						method: 'POST',
						params: {
								 nom: 'badr'   
								},
								queryMode : 'local',
 
						success: function(result, request)
								{
										//var text = response.responseText;
										// process server response here
									//	console.log();
									var combo = Ext.getCmp('nom'); 
										var jsonData = Ext.decode(result.responseText); 
										console.info(jsonData);
										Ext.Msg.alert('!!!!!',''+jsonData);	
										combo.col.loadData(jsonData.result);
 
 
								},
						failure: function()
								{
										Ext.Msg.alert('not ok');
								},	
				});
 
 
 
 
				},
 
	});
 
Ext.create('Ext.form.field.ComboBox', {
                   // name: 'champs',
                    fieldLabel: 'Column ',
					queryMode: 'local',
					editable: false,
					store: col,
					id: 'nom',
					// typeAhead: true,
					// triggerAction: 'all',
					// selectOnFocus:true,
					emptyText : 'choisissez',
					renderTo: document.body,
					displayField: 'nom',
					valueField: 'nom',
                    x: 295,
                   y: 10
                });
 
 
 
 
}
});
</script> 
<script>
 
</script>
 
 
</head>
 
<body>
				<!-- Rien ici dans Body-->
 
</body>
 
</html>

et voila l'erreur que je recois

Code:

Uncaught TypeError: Cannot call method 'loadData' of undefined

la methode loadData et load toujours me donne cette erreur.

Code:

Uncaught TypeError: Cannot call method 'loadData' of undefined

comment afficher les donnée de JsonData dans mon combobox,
j'ai vraiment besoin de cette methode ,
merci infiniment abraxis

Citation:

Envoyé par owenho

Bonjour abraxis,
mon probléme ce n'est pas ajax.request mais plutot la ofnction load() n'est pas reconu .
tu peux tester chez toi le code.
code php :

Code:

1
2
3
4
5
6
7
8
9
 
 $nom=$_POST['nom'];
$str[] = array(
        'nom'=>$nom,
);
// echo'{"success":true}';
 
echo '{"result": ' . json_encode($str) . "}";
?>

Déjà on ne concatène pas une string avec du JSON c'est source d'érreur
pour mettre ton $str dans le membre result du json il suffit de faire ça

Code:

1
2
3
4
5
6
$nom=$_POST['nom'];
$str[] = array('nom'=>$nom);
//...
$response = array('result' => $str);
 
echo json_encode($response);

Citation:

Envoyé par owenho

et voila le code extjs

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<html>
 
<head>
 
<link rel="stylesheet" type="text/css" href="/lib/ext-4.0.7/resources/css/ext-all.css" />
 
<script type="text/javascript" src="/lib/ext-4.0.7/builds/ext-core.js"></script>
 
<script type="text/javascript" src="/lib/ext-4.0.7/ext-all-debug.js"></script>
 
<style type="text/css">
  .adf-icon {
    background: url(adfgif.ico) no-repeat;
    }
</style>
 
 
<script type="text/javascript">
 
</script>
 
 
<script>
Ext.application({
  name: 'ajax',
launch: function() {
var name='hossaini';
Ext.regModel('User',
          {
          fields: ['nom']
          });
   col = Ext.data.JsonStore({
                model: 'column',
                proxy: Ext.data.HttpProxy({
 
                url: 'ListeColumn.php',
                queryMode : 'local',
                method: 'POST',
                type: 'ajax',
                reader: {
                type: 'json',
                root: 'result'
                },
                  }),
              //autoLoad: true,
              autoSave:true,
 
                });
////////////////////////////////////////////////////////////
Ext.create('Ext.Button', {
  text  : 'Dynamic Handler Button',
  renderTo: Ext.getBody(),
  handler : function()
        {
        Ext.Ajax.request({
            url: 'ListeColumn.php',
            method: 'POST',
            params: {
                 nom: 'badr'
                },
                queryMode : 'local',
 
            success: function(result, request)
                {
                    //var text = response.responseText;
                    // process server response here
                  //  console.log();
                  var combo = Ext.getCmp('nom');
                    var jsonData = Ext.decode(result.responseText);
                    console.info(jsonData);
                    Ext.Msg.alert('!!!!!',''+jsonData);
                    combo.col.loadData(jsonData.result);
 
 
                },
            failure: function()
                {
                    Ext.Msg.alert('not ok');
                },
        });
 
 
 
 
        },
 
  });
 
Ext.create('Ext.form.field.ComboBox', {
           // name: 'champs',
          fieldLabel: 'Column ',
          queryMode: 'local',
          editable: false,
          store: col,
          id: 'nom',
          // typeAhead: true,
          // triggerAction: 'all',
          // selectOnFocus:true,
          emptyText : 'choisissez',
          renderTo: document.body,
          displayField: 'nom',
          valueField: 'nom',
          x: 295,
           y: 10
        });
}
});
</script>
<script>
 
</script>
 
 
</head>
 
<body>
        <!-- Rien ici dans Body-->
 
</body>
 
</html>

et voila l'erreur que je recois

Code:

Uncaught TypeError: Cannot call method 'loadData' of undefined

la methode loadData et load toujours me donne cette erreur.

Code:

Uncaught TypeError: Cannot call method 'loadData' of undefined

comment afficher les donnée de JsonData dans mon combobox,
j'ai vraiment besoin de cette methode ,
merci infiniment abraxis

je ne comprends pas ce que tu fais

normalement tu définis un data store avec son modèle et sa méthode de chargement

puis tu définit un objet d'IHM combo grid etc que tu associe avec ton datastore.

lorsque tu modifie le contenu du datastore l'affichage change.
je ne sais pas d'où tu sort ton combo.col.loadData(jsonData.result);
mais il est très suspect.

A+JYT

bon jai trouvé

Bonjour ,
bon jai trouvé une methode que s'est marché bien , pour le store j'ai fait comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var DataStore = new Ext.data.Store({
					model: 'model', 
					proxy: {
					   type: 'ajax',
					   url : 'fichier.php',            
					   actionMethods: 
								{
							    read: 'POST'
								},
					   extraParams: 
								{
								nom: 'larache',
								},
					   reader: 
								{
								type: 'json',
								root: 'result',
								}
						},
						autoload: true,
 
					});

j'ai utilisé extraparams pour envoyer des paramètre au fichier php
et dans le listener de combobox j'ai chargé store avec autre valeur :

Code:

1
2
3
4
5
6
7
8
listeners: {
	 change: 
	 function()  	{
 
		 	DataStore.proxy.extraParams.nom='valeur';
		 	DataStore.load(); 
							},
						},

merçi à vous tous , abraxis,chaya,sekaijin ;)

Voir 40 message(s) de cette discussion en une page