Discussion :

[Ontolingua]

Bonjour Le forum

J'ai un problème, que je commence à me prendre la tête avec ..

J'ai un button radio, que je voudrai associé à chacune de ses valeurs une image.

J'aurai tendance à ajouter un widget dans mon formulaire de type image .. et après je cherche à associé par rapport à chaque valeur? ce n'est pas lourd?

Mais je me dis s'il y a bien une option dans le sfWidgetFormChoice , qui prend comme option une image ??

Une piste ça me débloquera bien.

Merci beaucoup

[Michel Rotta]

Le truc est que la notion de bouton radio seul n'existe pas dans les widgets. En effet, tu as rarement un bouton radio seul, mais associé à une série de possibilités (aussi non, c'est des case à cocher...)

Donc, les boutons radios sont des éléments d'un sfWidgetFormSelect.

Plus de doc ici : http://www.symfony-project.org/gentl...b_list_widgets

Maintenant, est-ce que dans le tableau choice tu peux mettre en deuxième argument un tag img... a essayer. Dans le pire des cas, cela va marcher.

[bilbonec]

Tu voudrais remplacer le texte du bouton radio par une image ?
J'aurais tendance dans ce cas à tester :
- lors du configure() de ton formulaire, inclure des tags img à la place du texte de tes boutons radios ;
- ou bien directement dans tes templates, remplacer tes renderLabel() pour convertir ton texte en une image (méthode assez légère si tu utilises l'admin generator puisque tu n'as qu'un partial à créer pour ton widget spécifique).

Pour le premier cas, créer un sfWidgetFormImageChoice qui t'implémente le travail supplémentaire pourrait être utile pour ensuite réutiliser ton objet ultérieurement.

[Ontolingua]

Mreci pour votre réponse,

Je ne sais pas si j'ai bien compris.

Mais je ne trouve pas le sfWidgetFormImageChoice , est ce que c'est à moi de le faire ou c'est un widget symfony qui existe?


à préciser : en effet, je veux remplacer le text de mon input radio par l'image correspondante.


Merci beaucoup

[bilbonec]

Je parlais du fait de créer cette classe (réutilisable), comme étendant de sfWidgetFormChoice.

Lors du configure() de cet objet, chaque paramètre "choices" est converti en un tag d'image.

[Michel Rotta]

Où et comment sont stocké les nom (et éventuellement les fichiers) images ?

[Ontolingua]

Je les stock dans une table en relation avec Matable, en foreignKey.

Mais j'avoue que je ne sais pas comment rendre les choices en tag Image..

Merci

[bilbonec]

Lorsque tu crées un nouveau Widget, tu as la possibilité de définir une nouvelle implémentation de la méthode render(). Elle a la forme suivante (cf. le code des Widgets Symfony) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
  /**
   * @param  string $name        The element name
   * @param  string $value       The date displayed in this widget
   * @param  array  $attributes  An array of HTML attributes to be merged with the default HTML attributes
   * @param  array  $errors      An array of errors for the field
   *
   * @return string An HTML tag string
   *
   * @see sfWidgetForm
   */
  public function render($name, $value = null, $attributes = array(), $errors = array())

Cette méthode te retourne un String : la chaîne qui sera affichée dans ta page HTML.

Donc à toi de définir tout ce que tu veux comme rendu. Tu as notamment des helpers (renderTag, renderImg ou ce genre) qui te permette de retourner des tags img ou autres.

Je te conseille de regarder le code des Widgets déjà existants pour voir comment ça fonctionne.

[Michel Rotta]

Donc physiquement, les images sont des fichiers accessibles.

Je pense que la solution de bilbonec est la meilleur. Mais, vu le type d'objet, elle est loin d'être simple à mettre en œuvre.

Je pense que le code te ton objet pourrait être (non tests) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
class myWidgetFormSelectImageRadio  extends sfWidgetFormSelectRadio
{
   public function getChoices()
   {
      $results = parent::getChoices()
      foreach ($results as $result)
      {
         $result = '<img href="' . $result . '" />'
      }
      return $results
   }
}

La méthode getChoices récupères les options possibles pour la liste (de boutons ici), on va surtout y rajouter de quoi afficher les images. Non testé, c'est plus une inspiration qu'un code à prendre comme argent comptant.

[Ontolingua]

Merci beaucoup pour votre réponse,

Je vous montre ce que j'ai fait en suivant la solution de Michel Rotta :

Code :

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

1
2
3
4
5
6
 
$this->widgetSchema['modelChoice'] = new sfWidgetFormImageChoice(
 		array('expanded' => true, 
 		'multiple' => false, 
 		'model' => $modeleValeur,
 		'query' => Doctrine::getTable($modeleValeur)->getQueryForItemForm($this->getModelUser()) ));

Comme les input radio, prennent leurs valeurs d'un autre modèl en relation.

et j'ai crée sfWidgetFormImageChoice dans le Frontend/lib
contenant le code du widget :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
class sfWidgetFormImageChoice extends sfWidgetFormDoctrineChoice
{
   public function getChoices()
   {
      $results = parent::getChoices();
      foreach ($results as $result)
      {
         $result = '<img href="' . $result . '" />';
      }
      return $results;
   }
}

Explications :

quand je test le resultat $results , je trouves bien mon contenu html comme je veux avec les noms des images, mais je n'arrive pas à avoir le même code dans ma page, parceque je ne passe le paramètre choices?

[bilbonec]

A priori oui. Mais je ne vois même pas comment tu arrives à obtenir un résultat dans $results en ne passant pas un array de tes choices. Normalement tu es obligé de le définir :

Code :

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

1
2
3
4
5
6
 
  protected function configure($options = array(), $attributes = array())
  {
    $this->addRequiredOption('choices');
    $this->addOption('translate_choices', true);
  }

(cf. classe sfWidgetFormChoiceBase)

Et je ne vois pas non plus ce qu'est 'query', je ne l'ai pas trouvé dans les options des sfWidgetFormChoice* ?

Tu pourrais également donner le code de ton template ?

[Ontolingua]

Ce n'est pas sfWidgetFormChoice mais sfWidgetFormDoctrineChoice
Et, pour le resultat, je voulai juste voir le contenu de $resultat, mais je n'arrive pas à afficher les images.


sinon pour le template, j'ai juste un echo $from;, qui contient les formulaires imbriqués.


Si tu veux je le met, si ça peut changer ou résoudre mon problème.

Mais je ne vois même pas comment tu arrives à obtenir un résultat dans $results en ne passant pas un array de tes choices. Normalement tu es obligé de le définir
Je ne sais pas ou est ce que je dois le définir est comment, quand je passe mes paramètres, expanded multiple model query ?

Merci beaucoup

[bilbonec]

Ok pour le sfWidgetDoctrineFormChoice, ceci explique qu'il peut y avoir un intérêt à définir la "query" de recherche de tes éléments.

De mon côté (vu que le besoin peut facilement se poser pour moi aussi !), j'ai essayé en partant de la redéfinition du render(). Le problème est qu'il est dépendant d'un $this->getRenderer()->render().

D'autre part, ce qui permet l'affichage de tes choix, ceci se passe dans les sfWidgetFormSelectRadio/Checkbox.

Du coup, j'en suis arrivé à définir deux nouveaux objets : myWidgetFormChoice et sfWidgetFormSelectMyRadio, afin de personnaliser ton affichage de boutons radios. Cela donne le code suivant :
(j'ai mis en gras les lignes de code changées ou ajoutées, par rapport au code initial de Symfony des classes hérité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
21
22
23
24
class myWidgetFormChoice extends sfWidgetFormChoice
{
  /**
   * @desc Redéfinition de la méthode parente getRenderer
   * 
   * @see sfWidgetFormChoice
   */
  public function getRenderer()
  {
    if ($this->getOption('renderer'))
    {
      return $this->getOption('renderer');
    }

    if (!$class = $this->getOption('renderer_class'))
    {
      $type = !$this->getOption('expanded') ? '' : ($this->getOption('multiple') ? 'checkbox' : 'myRadio');
      $class = sprintf('sfWidgetFormSelect%s', ucfirst($type));
    }

    return new $class(array_merge(array('choices' => new sfCallable(array($this, 'getChoices'))), $this->options['renderer_options']), $this->getAttributes());
  }
}

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
class sfWidgetFormSelectMyRadio extends sfWidgetFormSelectRadio
{
    /**
     * @desc Redéfinition de la méthode parente formatChoices
     * 
     * @see sfWidgetFormSelectRadio
     */
  protected function formatChoices($name, $value, $choices, $attributes)
  {
    $inputs = array();
    foreach ($choices as $key => $option)
    {
      $baseAttributes = array(
        'name'  => substr($name, 0, -2),
        'type'  => 'radio',
        'value' => self::escapeOnce($key),
        'id'    => $id = $this->generateId($name, self::escapeOnce($key)),
      );

      if (strval($key) == strval($value === false ? 0 : $value))
      {
        $baseAttributes['checked'] = 'checked';
      }

      $inputs[$id] = array(
        'input' => $this->renderTag('input', array_merge($baseAttributes, $attributes)),
        'label' => $this->renderTag("img", array('value' => "path_to_img")),
      );
    }

    return call_user_func($this->getOption('formatter'), $this, $inputs);
  }
}

La méthode semble un peu lourde mais elle marche
Peut-être qu'avec un peu de refactoring on peut l'alléger.

Pour le renderTag "img", je n'ai pas pris le temps de faire quelque chose de correct. Il faudra sûrement d'autres arguments que value.

[Ontolingua]

Merci pour le code :

Mais je n'arrive toujours pas à comprendre je passe quoi dans le paramètre choices ?

Code :

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

1
2
 
$this->widgetSchema['modelChoice'] = new sfWidgetFormSelectMyRadio(array('choices' => ???? 																));

Je ne peux pas passer un array en dur

[bilbonec]

Non effectivement (enfin, tu peux, mais ce n'est pas du tout conseillé d'un point de vue maintenance et débugguage). Et c'est d'ailleurs l'avantage de disposer du sfWidgetFormDoctrineChoice :

Code :

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

'author_id'   => new sfWidgetFormDoctrineChoice(array('model' => $this->getRelatedModelName('Author'), 'add_empty' => true)),

Préciser le relatedModelName va permettre de préciser quelle relation suivre pour obtenir les entrées à afficher dans ton widget.

Tu parles plus haut de "query" (que je n'ai pas encore utilisé dans ce contexte) : j'imagine que cela permet une recherche personnalisée des entrées de ton choices.

C'est ton "model" qui va permettre de connaître tes "choices". En regardant le code de getChoices() dans sfWidgetFormDoctrineChoice, tu peux voir comment ça marche.

[Ontolingua]

Je vous remercie beaucoup pour votre aide

J'arrive à avoir mes images avec les input ...Donc ça marche

Je précise pour toutes personne qui aura le même problème :

En gras ce que j'ai ajouté sur le code de bilbonec

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
class myWidgetFormChoice extends sfWidgetFormDoctrineChoice
{
  /**
   * @desc Redéfinition de la méthode parente getRenderer
   * 
   * @see sfWidgetFormChoice
   */
  public function getRenderer()
  {
    if ($this->getOption('renderer'))
    {
      return $this->getOption('renderer');
    }

    if (!$class = $this->getOption('renderer_class'))
    {
      $type = !$this->getOption('expanded') ? '' : ($this->getOption('multiple') ? 'checkbox' : 'myRadio');
      $class = sprintf('sfWidgetFormSelect%s', ucfirst($type));
    }

    return new $class(array_merge(array('choices' => new sfCallable(array($this, 'getChoices'))), $this->options['renderer_options']), $this->getAttributes());
  }
}

Juste j'ai perdu ma selection que j'avais avant, alors j'ai pas un input coché.

Mais ça je saurai le reglé.

Je vous remercie encore une fois

[Michel Rotta]

Et si vous partez sur un enfant de sfWidgetFormDoctrineChoice.php, avec, en gros, la même modification que celle proposée avant ?

Le getChoice vat retourner le lien et le render vient de sfWidgetFormChoice et me semble un peu trop élaboré pour être modifié simplement, alors que lui donner un tableau choice qui nous convient me semble plus simple.

[bilbonec]

En fait, j'ai essayé de juste surcharger le getChoices, ce qui faisait presque le résultat attendu. C'est à dire que j'obtenais :
- <img>choix 1</img>
- <img>choix 2</img>
- <img>choix 3</img>

Avec les balises IMG en clair (c'est le code HTML des < et > qui était passé au template). J'ai pas trouvé comment résoudre ce point, du coup j'ai passé sur cette autre solution.

Ceci dit, si tu y arrives, je veux bien savoir comment. Ca serait quand même plus léger de ne changer que le getChoices()

[Ontolingua]

Je proffite pour dire que j'ai reglé mon problème de ma valeur sélectionnée.

Maintenant

Ce que je vous demande maintenant n'est pas aussi compliqué que la première question.

Sur une étape de ma création de formulaire, Je voudrai mettre mon input en lecture seule.

j'ai essayé le basique

$form->widgetSchema['MonModelChoices']->setAttribute('readOnly','readOnly');

Curieusement, il me le met en grisonnant, mais j'ai toujours la main pour le séléctionner ou déséléctionner ? ce n'est pas comme les champs inputText?

Mais , pour organiser mieux le forum; vous me dites si je peux mettre ça sur un autre sujet indépendant, sachant que je vais essayer de le résoudre de mon coté.

Merci

[Ontolingua]

Désolé, je n'ai pas vu ton message bilbonec, ma solution, ne t'interesserai pas, car justement, j'ai du coché la dernière valeur, comme dans le select, on a la première ou la dernière valeur sélectionnée.

Donc, en effet j'ai ajouté une option checked sur le dernier élément.

Mais j'ai fait ça, parceque le besoin correspond à cette solution, du moment ou je vais bloqué la séléction dans cette étape , mais juste l'afficher.