Ajout de 3 champs plusieurs fois dans un formulaire - Cakephp

Par tribal, il y a 12 ans

CakePHP

Bonjour à tous,

Voilà je seche un peu et j'aimerais avoir votre avis sur sa :
J'ai un formulaire contenant des champs normaux. Et dans se formulaire j'aimerais faire l'ajout de 3 champs précis plusieurs fois.
(Précision sur Cakephp)
Schéma :
input - name
input - content
....
(bloc multiple)
input - ville
input - temps
input - notes

J'ai donc une première table pour le formulaire normal et une deuxième table contenant les infos du bloc multiple
id, post_id, ville, notes, temps etc...

Mes questions sont donc :

J'ai encore jamais u a faire a se cas de figure et je vois pas trop comment faire.
Je ne cherche pas à que vous me donniez la solution mais plutôt de m'aiguiller sur le chemin à suivre Merci.
J'espère être compris dans mon problème.
A+

3 réponses

ker0x, il y a 12 ans

Pour faire ce que tu souhaite, il faut que ton formulaire génère un tableau pour ta table associé à posts.

Pour le helper Form, ça passe par la convention de nommage des champs.

Du coup ton formulaire ressemblera à ça à peu prés

<?php echo $this->Form->create('Post', array(...)); ?>
    <?php echo $this->Form->input('name', array(...)); ?>
    <?php echo $this->Form->input('content', array(...)); ?>
    <div id="block-0">
        <?php echo $this->Form->input('Bloc.0.ville', array(...)); ?>
        <?php echo $this->Form->input('Bloc.0.temps', array(...)); ?>
        ...
    </div>
    <div id="block-1">
        <?php echo $this->Form->input('Bloc.1.ville', array(...)); ?>
        <?php echo $this->Form->input('Bloc.1.temps', array(...)); ?>
        ...
    </div>
    etc...

Ensuite, dans ton controller Post, lorsque tu vas récupérer les données de ton formulaire, le $this->request->data vas ressembler à cela 

array('Post' => array(
    'name' => 'blabla',
    'content' => 'blabla'
),
'Bloc' => array(
    array(
        'ville' => 'blabla',
        'note' => '10'),
    array(
        'ville' => 'blabla',
        'note' => '10'),
    array(
        'ville' => 'blabla',
        'note' => '10')
));

Enfin, tu fais un saveAssociated 

$this->Post->saveAssociated($this->request->data)

et ça devrait passé !

pour ajouter un bloc, fait une petite fonction js qui appel un element correspondant au code d'un bloc et passe lui en paramètre une variable $i incrémentée à chaque ajout d'un bloc. La variable te servira à numéroter les tableaux dans le tableau Bloc ;) !

tribal, il y a 12 ans

Alors coté php sa semble bon mais je bloque encore sur le jquery.

Je peux cloner le block et changer la valeur de l'id de la div en auto incrément.
Il me reste pas mal de truc a faire pour que sa marche.
Après je vais devoir code en html les input je pense pour pouvoir changer la valeur non?

Voila le point sur l'avancé je continue de chercher. Merci en tout cas pour les pistes j'ai déjà bien avancée.
J'arrête pour se soir on verra demain.

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
      <script type="text/javascript">
          var i = 1;
          $('body').on('click', '.new_champs', function() {
              var clone = $('#block'+i).clone();
              $(this).after(clone);
              ChangeIdBlock(i);
              return false;  
          });
          function ChangeIdBlock(nb) {
            $('div[id^=block]').each(function() {
              $(this).attr('id','block'+nb)
                .find('.block').attr('id','block'+nb)
              nb++;
            });
          }                    
      </script>      
      <div id="block1" class="block">
          <?php echo $this->Form->input('Bloc.1.ville', array('label'=>"Ville")); ?>
          <?php echo $this->Form->input('Bloc.1.temps', array('label'=>"Temps de séjour")); ?>
          <?php echo $this->Form->input('Bloc.1.notes', array('label'=>"Notes")); ?>
       <hr />   
      </div>
      <button class="new_champs">Click</button>
tribal, il y a 12 ans

Bonjour, voila sa marche coté js. mais vu que je suis un peu une quiche en jquery.
Est-ce se code est bien fait ou pas ? Ou y a t'il un autre moyen plus simple et plus propre ?

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
      <script type="text/javascript">
          var i = 1;
          $('body').on('click', '.new_champs', function() {
              var clone = $('#block'+i).clone();
              $(this).after(clone);
              ChangeIdBlock(i);
              return false;  
          });
          function ChangeIdBlock(nb) {
            $('div[id^=block]').each(function() {
              $(this).attr('id','block'+nb)
              .find('.block').attr('id','block'+nb)
              $(this).replaceWith('<div id="block'+nb+'" class="block"><div class="input text"><label for="Bloc'+nb+'Ville">Ville</label><input name="data[Bloc]'+nb+'][ville]" type="text" id="Bloc'+nb+'Ville"></div><div class="input text"><label for="Bloc'+nb+'Temps">Temps de séjour</label><input name="data[Bloc]'+nb+'][temps]" type="text" id="Bloc'+nb+'Temps"></div><div class="input text"><label for="Bloc'+nb+'Notes">Notes</label><input name="data[Bloc]'+nb+'][notes]" type="text" id="Bloc'+nb+'Notes"></div><hr /></div>');                
              nb++;
            });
          }                    
      </script> 
      <button class="new_champs">Ajouter un bloc</button>     
      <div id="block1" class="block">
          <div class="input text"><label for="Bloc1Ville">Ville</label><input name="data[Bloc][1][ville]" type="text" id="Bloc1Ville"></div>          
          <div class="input text"><label for="Bloc1Temps">Temps de séjour</label><input name="data[Bloc][1][temps]" type="text" id="Bloc1Temps"></div>          
          <div class="input text"><label for="Bloc1Notes">Notes</label><input name="data[Bloc][1][notes]" type="text" id="Bloc1Notes"></div>     
          <hr />
      </div>