Separator in a Wicket DropDownChoice

Question

C'è qualche modo ovvio per aggiungere un separatore all'elenco di opzioni in un DropDownChoice Wicket? Nel mio caso sto compilando la selezione con due tipi di oggetti di dominio dalla mia origine dati. Credo che potrei andare ad aggiungere manualmente una sorta di oggetto dominio fittizio all'elenco delle scelte, ma è piuttosto brutto.

Esempio:

+---------+-+ 
| Apple |▼| 
| Orange +-+ 
| ------- | 
| Carrot | 
| Cucumber| 
+---------+ 

codice attuale (senza alcun separatore) sembra qualcosa di simile:

EntityModel model = getModel(); 
List<? extends Produce> foods = foodService.getAllProduce(); 
// getAllProduce() returns first all fruits, then all vegetables 
add(new DropDownChoice<Produce>(
    "produceSelect", new PropertyModel<Produce>(model, "favProduce"), foods) 
); 

Answer 1

Vedi http://www.wicket-library.com/wicket-examples-6.0.x/compref/wicket/bookmarkable/org.apache.wicket.examples.compref.SelectPage C'è collegamento "Codice sorgente".

Answer 2

add(new DropDownChoice<String>("choice", Arrays.asList("Apple","Orange","Carrot","Cucumber")) { 
     @Override 
     protected void appendOptionHtml(AppendingStringBuffer buffer, String choice, int index, String selected) { 
      super.appendOptionHtml(buffer, choice, index, selected); 
      if ("Orange".equals(choice)) { 
       buffer.append("<optgroup label='----------'></optgroup>"); 
      } 
     } 
    }); 

Answer 3

ho finito per risolvere questo utilizzando i componenti Select e SelectOptions da wicket-extensions come detto da martin-g.

SelectOptions<Produce> fruitOptions = new SelectOptions<Produce>(
             "fruits", 
             fruitCollection, 
             new FruitRenderer()); 

SelectOptions<Produce> vegetableOptions = new SelectOptions<Produce>(
              "vegetables", 
              vegetableCollection, 
              new VegetableRenderer()); 

Select select = new Select("produceSelect", 
          new PropertyModel<Produce>(model, "favProduce")); 
select.add(fruitOptions); 
select.add(vegetableOptions); 

Il corrispondente codice HTML simile a questa:

<select wicket:id="produceSelect" id="produceSelect"> 
    <optgroup label="Fruits"> 
     <wicket:container wicket:id="fruits"> 
      <option wicket:id="option">Apple</option> 
     </wicket:container> 
    </optgroup> 
    <optgroup label="Vegetables"> 
     <wicket:container wicket:id="vegetables"> 
      <option wicket:id="option">Carrot</option> 
     </wicket:container> 
    </optgroup> 
</select> 

Questo produce un po 'diverso, ma risultato finale migliore, come i optgroup etichette sono in grassetto e non possono essere selezionati:

+----------------+-+ 
| **Fruits**  |▼| 
| Apple   +-+ 
| Orange   | 
| **Vegetables** | 
| Carrot   | 
| Cucumber  | 
+----------------+