Разделитель в калитке DropDownChoice - PullRequest
Новая
       30

Разделитель в калитке DropDownChoice

5 голосов
/ 06 июля 2011

Есть ли какой-нибудь очевидный способ добавить разделитель в список опций в Wicket DropDownChoice?В моем случае я заполняю выбор двумя типами доменных объектов из моего источника данных.Я думаю, я мог бы пойти и вручную добавить какой-нибудь фиктивный объект домена в список выбора, но это выглядит довольно уродливо.

Пример: 

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

Текущий код (без какого-либо разделителя) выглядит что-токак: 

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)
);

Ответы [ 3 ]

7 голосов
/ 06 июля 2011

Я решил эту проблему, используя компоненты Select и SelectOptions из wicket-extensions , как упомянуто 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);

Соответствующий HTML выглядит примерно так: 

<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>

Это дает немного другой, но лучший конечный результат, поскольку метки optgroup выделены жирным шрифтом и не могут быть выбраны: 

+----------------+-+
| **Fruits**     |▼|
| Apple          +-+  
| Orange         | 
| **Vegetables** |  
| Carrot         |
| Cucumber       |
+----------------+
5 голосов
/ 06 июля 2011 
    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>");
            }
        }
    });
2 голосов
/ 06 июля 2011
...