Wicket，DropDownChoice選擇如何更改另一個DropDownChoice的選項？

Question

Wicket中是否有東西兩個下拉選項，這樣第一個dopDownChoice的第一個選擇會改變第二個選項的所有選項？

Answer 1

您應該使用第一個選項的值來確定第二個值的值。

我這個例子中，我選擇使用觸發Ajax更新並執行值更改的AjaxFormComponentUpdatingBehavior。我提供了第二個DropDownChoice與第一個選定國家的聯邦國家的簡單示例。

請注意，我在這個例子中使用了wicket 1.4，不過在新版本中不應該有太大的不同。

// two countries 
    final String aut = "AUT"; 
    final String ger = "GER"; 

    // their states 
    final List<String> autStates = Arrays.asList(new String[] { "V", "T", "S", "W" }); 
    final List<String> gerStates = Arrays.asList(new String[] { "NRW", "B", "BW" }); 

    // mapping, you should really get this data from a service or have a constant 
    final Map<String, List<String>> countryToState = new HashMap<String, List<String>>(2); 
    countryToState.put(aut, autStates); 
    countryToState.put(ger, gerStates); 

    // the container to send back via ajax 
    final WebMarkupContainer cont = new WebMarkupContainer("cont"); 
    cont.setOutputMarkupId(true); 
    add(cont); 

    final Model<String> stateModel = new Model<String>(); 
    final DropDownChoice<String> countries = new DropDownChoice<String>("countries", new Model<String>(), new ArrayList<String>(countryToState.keySet())); 
    final DropDownChoice<String> states = new DropDownChoice<String>("states", stateModel, new LoadableDetachableModel<List<String>>() { 

     @Override 
     protected List<String> load() { 
      final String country = countries.getModelObject(); 
      final List<String> list = countryToState.get(country); 

      return list != null ? list : new ArrayList<String>(0); 
     } 
    }); 

    countries.add(new AjaxFormComponentUpdatingBehavior("onchange") { 

    @Override 
    protected void onUpdate(AjaxRequestTarget target) {   
        // just add the container to see the results 
     target.addComponent(cont); 
    } 

    }); 

    cont.add(countries); 
    cont.add(states); 

Answer 2

第一DropDownChoice應該更新Model秒DropDownChoice基於並添加第二DDC到AjaxRequestTarget。

This constructor接受該模型，並且可以存儲對其的引用以便能夠對其進行更改。