Dấu phân cách trong Wicket DropDownChoice

Question

Có cách nào rõ ràng để thêm dấu phân cách vào danh sách các tùy chọn trong WDownDownChoice không? Trong trường hợp của tôi, tôi đang tạo vùng chọn với hai loại đối tượng miền từ nguồn dữ liệu của tôi. Tôi đoán tôi có thể đi và tự thêm một số loại đối tượng miền giả vào danh sách lựa chọn nhưng nó cảm thấy khá xấu xí.

Ví dụ:

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

mã hiện tại (không có bất kỳ dấu phân cách) trông giống như sau:

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

Xem http://www.wicket-library.com/wicket-examples-6.0.x/compref/wicket/bookmarkable/org.apache.wicket.examples.compref.SelectPage Có "Mã nguồn" liên kết là.

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

tôi đã kết thúc giải quyết này bằng cách sử dụng các thành phần Select và SelectOptions từ wicket-extensions như đã đề cập bởi 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 tương ứng trông giống như sau:

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

này tạo ra kết quả cuối cùng là một chút khác nhau nhưng tốt hơn là optgroup nhãn được in đậm và không thể được chọn:

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