Probleme avec le rendue d'un champ autocomplete créer avec sfWidgetFormDoctrineJQueryAutocomplete

**gohanfaye** · 19/05/2010, 18h21

Salut à tous.
Je me tourne vers ce forum parce depuis deux jours je fais face à un problème. donc je travaille sur symfony et j'ai voulu créer un champs autocomplete à laide de sfWidgetFormDoctrineJQueryAutocomplete . Pour cela j'ai suivi un peu les conseil d'implémentation du plugin que j'ai trouvé sur le net. Ce qui m'a amené a pondre le code qui suit

C’est le widget sfWidgetFormDoctrineJQueryAutocomplete :

Code :

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

1
2
3
4
5
6
7
 
$this->widgetSchema['input_auto'] = new  sfWidgetFormDoctrineChoice(Array(
  										'model'=>'Article',
  										'renderer_class'=>'sfWidgetFormDoctrineJQueryAutocompleter',
  										'renderer_options'=>(array(
  													'model'=>'Article',
  													'url'=>'Home/search'))));

Puis je crée l’action correspondante:

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
 
public function executeSearch(sfWebRequest $request)
	{
		$this->getResponse()->setContentType('application/json');
 
		$q = $request->getParameter('q');
		$limit = $request->getParameter('limit');
 
		$req = Doctrine::getTable('Article')->getDataWhere($q, $limit);
 
		$results = array();
		foreach ( $req as $result )
        	$results[$result->getId()] = (string) $result;
 
        	$this->testeur=array();
        	$this->testeur=$results;
 
		return $this->renderText(json_encode($results));         
	}

Du coté du modèle, je fais ma requête

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
public function getDatatWhere($q, $limit=10)
	{
		$query= Doctrine_Query::Create()
                ->where('title LIKE ?',"%$q%")
                ->limit($limit)
                ->execute()
                ->getData();
 
       return $query;
 
	}

Puis j'ai inclus les fichiers javascript/css nécessaire au widget dans le partial "_form"

Code :

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

1
2
3
 
<?php use_javascript('/sfFormExtraPlugin/js/jquery.autocompleter.js') ?>
<?php use_stylesheet('/sfFormExtraPlugin/css/jquery.autocompleter.css') ?>

Mon formulaire s'affiche normalement on ne me signale aucune erreur. Mais quand je tape kelke chose dans le champ j'ai une image de chargement qui tourne dans le vide. On dirait qu'il travail mais qu'il ne trouve rien.

Si quelqu'un a une idée ou une idée je suis prenneur.
Ou à la limite est ce que kelkun oré une idée de comment je peux voir ce ki est recupéré par ma requete Doctrine::getTable.

Merci d'avance.

**sacricri** · 19/05/2010, 20h02

Bonjour,

J'ai un code fonctionnel au boulot, je regarde si je peux te le poster.

Utilises-tu Firefox et Firebug ? Si oui, lorsque tu tapes quelque chose dans ton champ d'autocomplete, la requête et son résultat s'affiche dans la console. Cela permet déjà de savoir si la requête se passe correctement.

**sacricri** · 19/05/2010, 20h08

Bon, voici le code :
dans la classe de formulaire

Code :

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

1
2
3
4
5
6
7
$this->widgetSchema['id_profil']->setOption('renderer_class', 'sfWidgetFormDoctrineJQueryAutocompleter');
    $this->widgetSchema['id_profil'] = new sfWidgetFormDoctrineJQueryAutocompleter(
      array(
        'model' => "Profil",
        'url'   => url_for("@ajax_profil")
      ), array('size' => 100)
    );

le routing.yml

Code :

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

1
2
3
ajax_profil:
  url: /ajax-profil
  param: { module: profil, action: ajaxProfil }

actions.class.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
  public function executeAjaxProfil(sfWebRequest $request)
  {
    $this->getResponse()->setContentType('application/json');
    $choices = array();
    foreach($profils = Doctrine::getTable('Profil')->getProfilAutocompletion($request->getParameter('q'), $request->getParameter('limit'))->getData() as $p)
    {
      $choices[$p->id] = $p->titre;
    }
    if($profils != array())
    {
      return $this->renderText(json_encode($choices));
    }
  }

modelTable.class.php

Code :

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

1
2
3
4
5
6
7
8
9
  public function getProfilAutocompletion($q, $limit){
    $dq = Doctrine_Query::create()
            ->select("p.id, p.titre")
            ->from("Profil p")
            ->where("p.titre LIKE ?","%".$q."%")
            ->limit($limit)
            ->orderBy('p.titre ASC');
    return $dq->execute();
  }

Bon, il faut adapter c'est sûr mais c'est totalement fonctionnel chez moi.

**gohanfaye** · 20/05/2010, 10h23

Merci pour ta réponse Sacricri.

Je vais essayer ton bout de code pour voir ce que ca donne et je te tiens au courant.

Pour ce qui concerne le navigateur jutilise bien firefox et firebug. Mais ya rien qui apparait sur la console quand je tape. Dumoins j'y ai pas fait gaf je vais essayer de refaire tout ca et on verra.

Merci encore

**sacricri** · 20/05/2010, 11h17

Envoyé par gohanfaye

Pour ce qui concerne le navigateur jutilise bien firefox et firebug. Mais ya rien qui apparait sur la console quand je tape. Dumoins j'y ai pas fait gaf je vais essayer de refaire tout ca et on verra.

Voilà à quoi ressemble le résultat de la requête avec l'autocomplete dans firebug (pièce jointe)

**gohanfaye** · 20/05/2010, 12h59

Merci la console et ton code m'ont bien aidé la j'ai plus du tout d'erreur l'appel ajax se passe bien je récupére bien les données que je veux je les vois au niveau de la console de firebug parcontre il ne s'affiche pas au niveau de mon formulaire. J'ai pas comme toi une liste des resultat qui s'affiche en dessous du champ input. J'ai pourtant mis le

Code :

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

1
2
 
return $this->renderText(json_encode($results))

Et quand je fais un print_r sur le contenu du tableau qui récupère mes résultats il est OK ya les résultats attendus.

Merci

**sacricri** · 20/05/2010, 13h19

Envoyé par gohanfaye

...

Peux-tu mettre les codes adaptés à ta sauce pour voir stp ?

**gohanfaye** · 20/05/2010, 13h26

Dans la classe formulaire :

Code :

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

1
2
3
4
 
$this->widgetSchema['input_auto']= new sfWidgetFormDoctrineJQueryAutocompleter(array(
  										'model'=> 'Article',
  										'url'=>'Ajax'));

Dans le routing :

Code :

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

1
2
3
4
 
ajax:
  url:   /ajax
  param: {module: Home, action: ajax}

Dans l'action

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
 
public function executeAjax(sfWebRequest $request)
	{
		$this->getResponse()->setContentType('application/json');
 
		$q = $request->getParameter('q');
		$limit = $request->getParameter('limit');
 
		$req = Doctrine::getTable('Article')->getDataWhere($q, $limit);
 
		$results = array();
		foreach ( $req as $result )
		{
        	$results[$result->id] = $result->title;
		}
 
		print_r($results);
 
		return $this->renderText(json_encode($results));         
	}

Et dans le model

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
 
public function getDataWhere($q, $limit=10)
	{
		$query= Doctrine_Query::Create()
				->select('t.title, a.id')
				->from('Article a')
				->leftJoin('a.Translation t')
                ->where('t.title LIKE ?',"%".$q."%")
                ->limit($limit)
                ->orderBy('t.title ASC')
                ->execute()
                ->getData();
 
       return $query;
 
	}

Voila sachant que la requete et lappel ajax tourne bien c'est laffichage qui pose probleme.

Merci de ton aide

**gohanfaye** · 20/05/2010, 13h45

Au niveau de la dernière ligne de l'action qui fais le traitement pour l'appel ajax

Code :

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

1
2
 
return $this->renderText(json_encode($results))

J'ai un peu parcouru la fonction renderText() qui est dans sfAction.classs.php, il y'a un :

Code :

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

1
2
 
return sfView::NONE;

Serait ce pas à coz de ça?

**gohanfaye** · 20/05/2010, 14h39

Bon ya un truc bizard qui se passe. Pour certains articles les résultats s'affichent et pour d'autre rien ne s'affiche. Alors que la requete relatif au resultat que l'on obtient est indépendant de l'article selectionné.

**sacricri** · 20/05/2010, 14h57

Envoyé par gohanfaye

Au niveau de la dernière ligne de l'action qui fais le traitement pour l'appel ajax

Code :

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

1
2
 
return $this->renderText(json_encode($results))

J'ai un peu parcouru la fonction renderText() qui est dans sfAction.classs.php, il y'a un :

Code :

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

1
2
 
return sfView::NONE;

Serait ce pas à coz de ça?

nan, c'est tout à fait normal, étant donné qu'il s'agit d'une requête ajax, on n'affiche rien surtout !

**gohanfaye** · 20/05/2010, 14h59

Ha je retire ce que j'ai dit ca marche.

Bon maintenant je veux essayer d'intégrer ce champ d'autocomplete dans le double liste qui est fournit par le ExtraPlugin.
Comme ca au lieu d'avoir toute une liste d'article dans le unassocietted j'aurais juste le rendu du champ auto complete.

L'idée sur laquelle je me lance c'est:
dans sfWidgetFormSelectDoubleList.class.php
le unassociatedWidget est du type sfWidgetFormSelect qui prend en option un choices

Code :

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

1
2
3
4
5
6
 
.....
$associatedWidget = new sfWidgetFormSelect(array('multiple' => true, 'choices' => $associated), array('size' => $size, 'class' => $this->getOption('class_select').'-selected'));
    $unassociatedWidget = new sfWidgetFormSelect(array('multiple' => true, 'choices' => $unassociated), array('size' => $size, 'class' => $this->getOption('class_select')));
 
.......

donc lidée est de donner à l'option choices le rendu de l'autocomplete.

voila si t'as une meilleure idée chui preneur.

Merci

**gohanfaye** · 21/05/2010, 13h24

Bonjour

Je ne vois pas bien ce que représente un objet callable php.
Quelqu'un pourrait il m'éclairer .

Merci

**Michel Rotta** · 21/05/2010, 17h25

Est dit d'un argument de fonction dans deux cas :

soit l'argument est un nom de fonction valide
soit l'argument est un tableau composé d'un nom d'objet et d'une fonction (statique ?) associé.

Voir la fonction is_callable pour plus d'informations

**gohanfaye** · 25/05/2010, 17h05

Ok Merci pour le lien c plus claire maintenant.

J'aurais une autre question. La je suis entrain de modifier la classe sfWidgetFormSelectDoubleList.class.php du plugin sfFormExtraPlugin dans le d'avoir pour le select des élément non associés une liste déroulante avec comme un système de pagination : genre on affiche les dix premiers éléments puis lorsqu'on clique sur un bouton les dix suivants.
La je galér 1 peu pck je débute sur symfony et j'ai du mal à savoir ou mettre le jeavascript ou le récupérer etc.. On va dire ke je ne surf pas encore sur la vague MVC lol.

Donc si quelqu'un a déja eu ce genre de modif à faire ou à une idée de cmt ca pouré se faire chui preneur. Merci

**Michel Rotta** · 25/05/2010, 18h23

Ouvre un nouveau sujet pour ton dernier message, là, il va passer à la trappe.

**gohanfaye** · 26/05/2010, 10h09

Ok merci

**symff** · 03/06/2010, 10h17

J'ai juste une petite question, j'aimerais tester ça pour mon filtre.

Salut à tous.
Je me tourne vers ce forum parce depuis deux jours je fais face à un problème. donc je travaille sur symfony et j'ai voulu créer un champs autocomplete à laide de sfWidgetFormDoctrineJQueryAutocomplete

<?php use_javascript('/sfFormExtraPlugin/js/jquery.autocompleter.js') ?>
<?php use_stylesheet('/sfFormExtraPlugin/css/jquery.autocompleter.css') ?>

Où as-tu trouvé ces fichiers stp?

Merci d'avance

**symff** · 03/06/2010, 11h51

Envoyé par sacricri

Bon, voici le code :
dans la classe de formulaire

Code :

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

1
2
3
4
5
6
7
$this->widgetSchema['id_profil']->setOption('renderer_class', 'sfWidgetFormDoctrineJQueryAutocompleter');
    $this->widgetSchema['id_profil'] = new sfWidgetFormDoctrineJQueryAutocompleter(
      array(
        'model' => "Profil",
        'url'   => url_for("@ajax_profil")
      ), array('size' => 100)
    );

Quand tu dis, dans la classe de formulaires, c'est dans lib/filters, ou lib/forms ?

Si c'est dans lib/forms, pourrais-tu m'expliquer pourquoi ?
Car on s'en sert pour me filtre non ?

Merci

**sacricri** · 08/06/2010, 14h20

Envoyé par symff

Quand tu dis, dans la classe de formulaires, c'est dans lib/filters, ou lib/forms ?

Si c'est dans lib/forms, pourrais-tu m'expliquer pourquoi ?
Car on s'en sert pour me filtre non ?

Merci

Bonjour,

Désolé, je ne passe plus beaucoup par ici ces temps-ci :/

Si c'est dans ton filtre, tu le mets dans la classe de formulaire de ton filtre.

Probleme avec le rendue d'un champ autocomplete créer avec sfWidgetFormDoctrineJQueryAutocomplete

Symfony PHP

Discussions similaires

Partager

Partager