Discussion :

[spull]

Bonjour,

J'ai un modèle Client et un modèle Contact qui sont reliés chacun de leur coté par une association has_and_belongs_to_many.

Lors de la création d'un client, il faut que l'utilisateur puisse:

• soit choisir un ou plusieurs contacts parmi ceux existant dans la base de données
• soit avoir la possibilité de créer un ou plusieurs nouveaux contacts

Je ne vois pas comment réaliser l'association au niveau de la vue. J'ai vu que certains utilisaient des cases à cocher mais vu le nombre de données dans chaque table ça ne me semble pas concevable. De plus avec le système des cases à cocher, je ne peux ajouter que des contacts déjà existant. D'autres utilisent un collection_select mais j'ai le même problème. Avec 500 contacts, je ne me vois pas afficher 500 cases à cocher ou une liste de 500 éléments à l'utilisateur.

Je pensais m'inspirer du railscast Complex Form Part 3 pour l'ajout de nouveau contact lors de la création d'un client mais comment faire pour les contacts déjà existant?

Voilà, donc si certains ont d'autres idées ou conseils (organiser différemment le processus de création ou autres), je les remercie d'avance

[Javix]

Tu peux utiliser 2 scroll panels, l'un en face l'autre et utilser jQuery:

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
 
<script type="text/javascript">
  $().ready(function() {
    $('#add').click(function() {
      return !$('#select_from option:selected').remove().appendTo('#select_to');
    });
    $('#remove').click(function() {
      return !$('#select_to option:selected').remove().appendTo('#select_from');
    });
    $('form').submit(function() {
      $('#select_to option').each(function() {
        $(this).attr("selected", "selected");
      });
    });
  });
 
</script>
<div class="multi_select">
   <%= select_tag("select_from",
        options_for_select(@externs, @project.external_participants.collect { |c| c.id}),
        {:multiple=>true, :size=>6})%>
  <a href="#" id="add">Add >></a>
</div>
<div class ="multi_select">
  <%= select_tag("select_to", options_for_select(@project_externs.nil? ? [] : @project_externs, @project.external_participants.collect { |ext| ext.id}), {:multiple=>true, :size=>6})%>
  <a href="#" id="remove"><< Remove</a>
</div>