0

I have a form with a combobox/drop down to select the user language. If the user changes the language, I'd like to update all the labels but leave the input elements alone.

In jQuery, I'd request a list of label IDs and the new texts via JSON and then use a loop like this:

var texts = {[ {id:'nameLabel', text:'First Name'}, {id:'familyLabel', text:'Family Name'} ]};
for( var i=0; i<texts.length; i++) {
    var item = texts[i];
    $('#'+item.id).text(item.text);
}

That would update all the labels without modifying anything else. How do I do this in Wicket?

[EDIT] What I tried:

        DropDownChoice<Locale> ddc = new DropDownChoice<Locale>(...);
        ddc.add( new AjaxFormComponentUpdatingBehavior("onchange") {
            private static final long serialVersionUID = 1L;

            @Override
            protected void onUpdate( AjaxRequestTarget target ) {
                getSession().setLocale( language );
                for( MarkupContainer label : labels ) {
                    target.addComponent( label );
                }
            }
        });

This does change the labels but it also renders all the input fields again. I found no way to access the current values of the input fields.

[EDIT2] The list of labels is created like so:

        StringResourceModel usernameLabel = new StringResourceModel("usernameLabel", this, new Model<ValueMap>(map));
        labels.add(add(new Label("usernameLabel", usernameLabel)));
Aaron Digulla
  • 321,842
  • 108
  • 597
  • 820

1 Answers1

1

This is wrong:

labels.add(add(new Label("usernameLabel", usernameLabel)));

You're not adding Label instances to 'labels', it's repeatedly adding the container you are adding it to (probably the Page instance). The method 'add()' doesn't return the component being added, it returns the container you are adding the components into.

Try changing it to:

Label label = new Label("usernameLabel", usernameLabel);
add(label);
labels.add(label);
tetsuo
  • 10,726
  • 3
  • 32
  • 35