2

我在检票口中创建了一个调色板,并且能够填充调色板左侧窗口。但我想让调色板中的选项是动态的,能够做到这一点。但问题是调色板没有填充选定的选项。我在调色板上方有一个下拉菜单,具体取决于我要填充调色板的选项。

例如(dropdown(role) with values): 1.scenario : dropdown --> TL,Manager,SE,SSE Pallete --> 最初不会有值,在创建角色TL的时候,会有技能在调色板的仪式窗口中选择。假设 TL 角色是使用 10 个技能中的 4 个技能创建的。 2.scenario:我想编辑角色 TL,在这种情况下,当我选择角色 TL 时,调色板应该被填充到这样的地方,选择应该在右边,可用应该在左边。我在第二种情况下失败了。

这是代码:

public class DropDownChoicePage extends WebPage {
private String selectedMake;
private final Map<String, List<String>> modelsMap = new HashMap<String, List<String>>();
private List<String> selected = new ArrayList<String>();
private String selectedEngine = "Google";
public DropDownChoicePage(final PageParameters parameters) {
    add(new FeedbackPanel("feedback"));
    modelsMap.put("AUDI", Arrays.asList(new String[] { "A4", "A6", "TT" }));
    modelsMap.put("CADILLAC", Arrays.asList(new String[] { "CTS", "DTS", "ESCALADE", "SRX","DEVILLE" }));
    modelsMap.put("FORD", Arrays.asList(new String[] { "CROWN", "ESCAPE", "EXPEDITION","EXPLORER", "F-150" }));

    IModel<List<? extends String>> makeChoices = new AbstractReadOnlyModel<List<? extends String>>()
    {
        private static final long serialVersionUID = 1L;
        @Override
        public List<String> getObject()
        {
            Set<String> keys = modelsMap.keySet();
            List<String> list = new ArrayList<String>(keys);
            return list;
        }
    };
    IModel<List<? extends String>> paletteChoices = new AbstractReadOnlyModel<List<? extends String>>(){
        private static final long serialVersionUID = 1L;
        @Override
        public List<? extends String> getObject() {
            List<String> models = modelsMap.get(selectedMake);
            if (models == null)
            {
                models = Collections.emptyList();
            }else if("FORD".equals(selectedMake)){
                selected.add("CROWN");
                selected.add("ESCAPE");
            }
            return models;
        }
    };
    final DropDownChoice<String> makes = new DropDownChoice<String>("makes",new PropertyModel<String>(this, "selectedMake"), makeChoices);
    IChoiceRenderer<String> renderer = new ChoiceRenderer<String>();
    final Palette<String> palette = new Palette<String>("palette",
            new ListModel<String>(selected),
            paletteChoices,
            renderer, 10, true);
    palette.setOutputMarkupId(true);
    makes.add(new AjaxFormComponentUpdatingBehavior("onchange")
    {
        private static final long serialVersionUID = 1L;
        @Override
        protected void onUpdate(AjaxRequestTarget target)
        {
            selected = new ArrayList<String>();
            target.addComponent(palette);
            System.out.println("AjaxFormComponentUpdatingBehavior(\"onchange\")");
            System.out.println("Selected Make:"+selectedMake);
        }
    });
    Form<?> form = new Form<Void>("form") {
        private static final long serialVersionUID = 1L;
        @Override
        protected void onSubmit() {
            info("Selected search engine : " + selectedEngine);
            selected = new ArrayList<String>();
        }
    };
    add(form);
    form.add(palette);
    form.add(makes);
}
}

您能否在第二种情况下帮助我,即在下拉菜单的更改事件中使用可用和选定的值填充调色板的左右窗口。

谢谢,萨兰。

4

1 回答 1

1

我认为您的代码中有两个主要问题会阻止第二种情况正常工作:

(1) 在 onchange Ajax Behavior 中,以下代码不会更新选中选项的 ListModel:

selected = new ArrayList<String>();

试试这个:

selected.clear();

(2) 将已经选择的选项添加到列表中的代码应该在 Ajax Behavior 中,即:

makes.add(new AjaxFormComponentUpdatingBehavior("onchange") {
    private static final long serialVersionUID = 1L;
    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        selected.clear();
        List<String> alreadySelected = getAlreadySelectedChoicesBasedOnDropdownValue();
        selected.addAll(alreadySelected);
        //...
    }
}

WheregetAlreadySelectedChoicesBasedOnDropdownValue将返回已选择选项的新列表,例如:

List<String> getAlreadySelectedChoicesBasedOnDropdownValue() {
    if("FORD".equals(selectedMake)){
        return Arrays.asList("CROWN", "ESCAPE");
    }
}
于 2014-06-24T07:31:33.200 回答