Discussion :

[Javix]

Je voudrais bien utiliser une liste "groupée" qui contienne des éléments dans une sorte hiérarchie. J'ai essayé avec option_groups_from_collection_for_select. Mais il y a 2 choses que je n'arrive pas à résoudre:
1. Comment et où ajouter :prompt=> true pour avoir quelque chose comme 'Please select' ou :prompt=> 'Mon text personnalisé'.
2. Comment avoir la valeur 'séttée' en cas d'édition. Pour l'instant en cas d'édition c'est toujours la première valeur de la liste qui se met en premier et non pas celle qui a été sélectionné auparavant.
Donc, comme c'est expliqué dans 'Agile Web Development with Rails', j'ai ceci

Code :

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

1
2
3
4
5
6
7
8
 
<p>
 <%= order.label :shipping %><br />
 <select name="order[shipping_option]" id="order_shipping_option">
<%=option_groups_from_collection_for_select(Shipping::OPTIONS,
:options, :type_name,:id,:name,@order.shipping_option)%>
</select>
</p>

J'utuilise 'act_as_tree' pour pouvoir créer plusieurs sous-catégories -'enfants' dans une des catégories 'parent'. Puis je les charge dans cette liste.

Code :

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

1
2
 
@shipping_options = ShippingOption.find(:all, :order=>:name).select{|item| item.parent.nil?}

[Javix]

Il y avait encore un autre problème. D'après la description de OPTGROUP:

Code :

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

1
2
3
4
5
6
 
Le tag optgroup est utilisé pour grouper au sein du contrôle liste de sélection ( balise <select>) 
des éléments de même type. Le rendu des éléments inclus apparaît avec un décalage dans la liste de 
sélection. Le texte écrit dans l'élément colgroup correspond au titre de la catégorie, il n'est pas sélectionnable.
 
La balise optgroup est toujours inclue dans le tag select. Elle contient les tags <option> concernant la catégorie qu'elle décrit. Les tags <optgroup> ne sont utilisables qu'à un niveau (les imbriquer ne fait pas apparaitre de nouvelles catégories). L'affichage de la catégorie se fait avec l'application d'un style qui diffère suivant les navigateurs (italique, gras ...).

On ne pouvait p

[Javix]

Il y avait encore un autre problème. D'après la description de OPTGROUP:

Code :

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

1
2
3
4
5
6
 
Le tag optgroup est utilisé pour grouper au sein du contrôle liste de sélection ( balise <select>) 
des éléments de même type. Le rendu des éléments inclus apparaît avec un décalage dans la liste de 
sélection. Le texte écrit dans l'élément colgroup correspond au titre de la catégorie, il n'est pas sélectionnable.
 
La balise optgroup est toujours inclue dans le tag select. Elle contient les tags <option> concernant la catégorie qu'elle décrit. Les tags <optgroup> ne sont utilisables qu'à un niveau (les imbriquer ne fait pas apparaitre de nouvelles catégories). L'affichage de la catégorie se fait avec l'application d'un style qui diffère suivant les navigateurs (italique, gras ...).

On ne peut pas sélectionner le 'parent'. Il fallait chipoter un peu:

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
 
 
dans application_helper.rb
 
def option_from_collection_for_select_indent(collection, group_method, group_label_method, option_key_method, option_value_method,selected_key = nil, depth= 0,indent='  - ' )
 
    collection.inject("") do |options_for_select, group|
 
      group_id = group.send(option_key_method)
      children = group.send(group_method)
      options_for_select += "<option "
      options_for_select += " style=\"font-weight:bold\"" if children.length > 0 or depth ==0
      options_for_select += " value=\"#{group_id}\""
      options_for_select += " selected=\"selected\"" if group_id == selected_key
      options_for_select += ">#{indent * depth}#{group.send(group_label_method)}"
      options_for_select += '</option>'
      temp = depth+1
      options_for_select += option_from_collection_for_select_indent(group.send(group_method), group_method,  group_label_method,option_key_method, option_value_method,selected_key,temp,indent)
    end
  end

dans mon partial:

Code :

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

1
2
3
4
5
6
7
 
<p>
  <%= form.label :regional_object_id, 'Region/Sub-region' %><br />
  <select name="organization[regional_object_id]" id="regional_object_id">
    <%= option_from_collection_for_select_indent(@regions,:children, :name,:id,:name, @organization.regional_object_id)%>
  </select>
</p>

J'avoue que l'affichage de 'select list' n'est peut être pas trop joli, mais bon, en tout cas on peut choisir n'importe quelle catégorie/sous-catégorie sans vraiment chipoter avec CSS.