Store ItemFileReadStore ne se remplit pas

**kanabzh29** · 28/10/2009, 17h20

Bonjour,

J'ai un problème sur un "ItemFileReadStore", en effet celui ci ne se rempli pas. La requete à la base se fait bien, et renvoi bien les résulats voulus (vérifié dans Firefox grâce à FireBug), mais le combobox ne se rafraichi pas.

Voila le code.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script>
	function test(taping)
	{
		var cstore = new dojo.data.ItemFileReadStore({url: '/reserver/autocomplete/?taping='+taping, jsId: "datStore" });
		dijit.byId('test').attr("store", cstore);
 
	}
</script>
 
<input dojoType="dijit.form.ComboBox" name="test" id="test" jsId="datStore" onKeyPress="test(document.getElementById('test').value);" hasDownArrow="true">

Si quelqu'un pouvait me dire d'ou vient le problème.

Merci d'avance

**emmanuel.remy** · 29/10/2009, 15h24

Salut,

L'appel de la création du store est incorrect (mais l'erreur est sans impact), et ce code fonctionne pour moi:

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
<script>
	function test(taping)
	{
		var cstore = new dojo.data.ItemFileReadStore({url: '/reserver/autocomplete/?taping='+taping});
		
		dijit.byId('test').store=null;
		dijit.byId('test').reset();
		dijit.byId('test').attr("store", cstore);
		
		//peut-être gérer ici aussi value, displayedValue...
 
	}
</script>
 
<input dojoType="dijit.form.ComboBox" name="test" id="test" jsId="datStore" 
onKeyPress="test(document.getElementById('test').value);" hasDownArrow="true">

D'autre part, document.getElementById('test') gagnerait à être remplacer par un dijit.byId('test').attr('value'), non ?

ERE

**kanabzh29** · 29/10/2009, 15h50

Bonjour,

Déja merci de t'être penché sur ce cas.
Pour ma part, j'ai effectué les corrections dont tu as parlé, mais chez moi rien ne se passe.

**emmanuel.remy** · 29/10/2009, 17h13

Oups, j'ai été un peu vite dans la rédaction... il faut faire un fetch pour rapatrier tes données...

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
<script>
	function test(taping)
	{
		var cstore = new dojo.data.ItemFileReadStore({url: '/reserver/autocomplete/?taping='+taping});
 
      var d = dijit.byId('test');
      cstore.fetch({query:'*', onComplete : function() {
        console.info("store chargé");
        d.store = null;
        d.store= cstore; 
      }});
 
      //peut-être gérer ici aussi value, displayedValue...
 
	}
</script>
 
 
<input dojoType="dijit.form.ComboBox" name="test" id="test" jsId="datStore" 
onKeyPress="test(document.getElementById('test').value);" hasDownArrow="true">

Et là c'est tout bon

ERE

**kanabzh29** · 03/11/2009, 12h14

Trop bizarre, dans la console il me marque bien "store chargé" dans l'activité réseau, je vois bien le contenu du store dans la réponse mais rien ne s'affiche...

**emmanuel.remy** · 03/11/2009, 12h34

Salut,

Tu utilises quel navigateur ?

ERE

**kanabzh29** · 03/11/2009, 12h45

Firefox

**kanabzh29** · 03/11/2009, 12h59

c'est bon le problème est résolu, il fallait rajouté : "searchAttr" dans le input :

Code :

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

1
2
 
<input dojoType="dijit.form.ComboBox" name="test" id="test" jsId="datStore" searchAttr="Search" onKeyUp="test(document.getElementById('test').value);" hasDownArrow="true">

Par contre la liste ne s'affiche pas directement il faut ré-appuyer sur la flèche pour l'afficher...et ça c'est embêtant.

**emmanuel.remy** · 03/11/2009, 14h06

Re,

Par contre la liste ne s'affiche pas directement il faut ré-appuyer sur la flèche pour l'afficher...et ça c'est embêtant.

C'est qu'on devient exigeant !

Doit bien y avoir une solution, une méthode quelconque...je regarderai ce soir.

ERE

**kanabzh29** · 03/11/2009, 14h30

Ben en fait, c'est dû surement à ma façon de faire, car la liste s'affiche dans un cas mais pas dans l'autre, je m'explique, en fait le store que je remplis va chercher dans une table des départements français, en même temps dans le numéro de département et dans le nom de département.
Le résultat que je renvois est un concat du numéro + nom . Le numéro étant en premier si on commence à taper le numéro dans le combobox la liste s'affiche, si on comment a taper le nom cela ne s'affiche pas directement, il faut à ce moment cliquer sur la flèche.

Mon code HTML :

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
 
<script>
	function test(taping)
	{
		dojo.xhrPost(
        {
            url:'/reserver/fetchdepartement/taping/'+taping,
            handleAs: 'json',
            load: function(response)
                {
 
                dijit.byId("test").store=new dojo.data.ItemFileReadStore({data: response});
                },
            Error: function(errorTxt){
                console.log("erreur dans getMonId: " + errorTxt)
              }
 
	       }
	    );
 
	}
</script>
 
 
<input dojoType="dijit.form.ComboBox" name="test" id="test" jsId="datStore" searchAttr="Search" onKeyUp="test(document.getElementById('test').value);" hasDownArrow="true">

Mon Action dans le controleur :

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
 
public function fetchdepartementAction()
    {
		$taping = $this->_getParam('taping');
 
    	Zend_Layout::getMvcInstance()->disableLayout();
    	$this->_helper->viewRenderer->setNoRender();
 
    	$dbAdapter = Zend_Registry::get('dbAdapter');
 
    	$select = $dbAdapter->select()
    						->from(array('m' => 'maps_dep'),
    								array('m.id_departement',
										'm.nom_departement',
										"concat(m.code,'-',m.nom_departement) as Search"))
							->where('m.code LIKE ?',$taping.'%')
							->orwhere('m.nom_departement LIKE ?',$taping.'%')
    						->group('m.id_departement');
		//die($select);
    	$rows = $dbAdapter->fetchAll($select);
		//die(print_r($rows));
    	$data = new Zend_Dojo_Data('id_departement', $rows);
 
    	echo $data->toJson();
    }

Donc ça marche mais dans un cas pas complètement, il y a un contournement, mais cela oblige une étape supplémentaire que je souhaiterais squizzer.

Merci

**emmanuel.remy** · 03/11/2009, 22h44

Salut,

Tu peux paramétrer la façon dont la requête se fait pour chercher les entrées

Pour toi:

Code :

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

1
2
 
<select ...	dojoType="dijit.form.ComboBox" queryExpr="*${0}*"  ...>

${0} est la donnée tapée et * le caractère générique.

ERE

**kanabzh29** · 04/11/2009, 10h36

Bonjour,

cette fonction marche bien seulement va savoir pourquoi, je tape une lettre une liste s'affiche avec le toutes les valeurs comprenant ce caractère, mais dès que j'en tape une deuxième, cela efface la première lettre...

**emmanuel.remy** · 04/11/2009, 12h41

Envoyé par kanabzh29

Bonjour,

cette fonction marche bien seulement va savoir pourquoi, je tape une lettre une liste s'affiche avec le toutes les valeurs comprenant ce caractère, mais dès que j'en tape une deuxième, cela efface la première lettre...

C'est dingue cela fonctionne aux petits oignons chez moi !

ERE

**kanabzh29** · 04/11/2009, 12h43

Mais je vais trouver la solution...je désespère pas.

**emmanuel.remy** · 04/11/2009, 12h52

Envoyé par kanabzh29

Bonjour,

cette fonction marche bien seulement va savoir pourquoi, je tape une lettre une liste s'affiche avec le toutes les valeurs comprenant ce caractère, mais dès que j'en tape une deuxième, cela efface la première lettre...

Mais cela fait bien la recherche avec tous les caractères ou cela ne prend en compte que le dernier caractère saisi ?

ERE

**kanabzh29** · 04/11/2009, 14h33

Que le dernier caractère saisi

**emmanuel.remy** · 04/11/2009, 22h33

Re,
Tu peux envoyer le code HTML généré côté client et ton store que je fasse une simulation ?

ERE

**kanabzh29** · 05/11/2009, 09h55

Voila le code HTML généré :

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
42
43
44
45
46
47
 
<script>
	function test(taping)
	{
		dojo.xhrPost(
        {
            url:'/reserver/fetchdepartement/taping/'+taping,
            handleAs: 'json',
            load: function(response)
                {
 
                dijit.byId("dep").store=new dojo.data.ItemFileReadStore({data: response});
                },
            Error: function(errorTxt){
                console.log("erreur dans getMonId: " + errorTxt)
              }
 
	       }
	    );
	}
 
	function ville(taping)
	{
 
		dijit.byId('ville').setValue('');
 
		dojo.xhrPost(
        {
            url:'/reserver/fetchville/taping/'+taping,
            handleAs: 'json',
            load: function(response)
                {
 
                dijit.byId("ville").store=new dojo.data.ItemFileReadStore({data: response});
                },
            Error: function(errorTxt){
                console.log("erreur dans getMonId: " + errorTxt)
              }
 
	       }
	    );
	}
</script>
 
 
<input dojoType="dijit.form.ComboBox" queryExpr="*${0}*" name="dep" id="dep" jsId="datStoreDep" searchAttr="Search" onKeyUp="test(document.getElementById('dep').value);" onChange="ville(document.getElementById('dep').value);" hasDownArrow="true">
<input dojoType="dijit.form.ComboBox" queryExpr="*${0}*" name="ville" id="ville" jsId="datStoreVille" searchAttr="Search" hasDownArrow="true">

Store ItemFileReadStore ne se remplit pas

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager