Re: ListView Add/Remove via AJAX...
Hi James,
The best explanation for adding items via Ajax you could read at
http://wicketinaction.com/2008/10/repainting-only-newly-created-repeater-items-via-ajax/
Removing an item should be easier if the ListItems have id.
On Tue, Mar 27, 2018 at 3:42 PM, James Carman
wrote:
> It has been a while since I've used Wicket and man, I really forgot how
> much I love this framework! It may be that I'm rusty, but I've searched
> quite a bit and tried all the suggestions I've found, but I can't seem to
> make add/remove via AJAX work for a ListView while preserving the input
> data. I am using Wicket 8.0.0-M9. Here's what I've done so far:
>
> correctChoiceGroup = new CheckGroup<>("correctChoices",
> Model.ofSet(Sets.newHashSet()));
> correctChoiceGroup.setRequired(true);
> correctChoiceGroup.setOutputMarkupId(true);
> correctChoiceGroup.setRenderBodyOnly(false);
>
> final IModel> choicesModel = Model.ofList(new LinkedList<>());
> choicesView = new ListView("choices", choicesModel) {
> @Override
> protected void populateItem(ListItem item) {
> final int index = item.getIndex();
>
> item.add(new TextField<>("field", item.getModel()));
> item.add(new Check<>("check", Model.of(index)));
>
> final AjaxSubmitLink deleteLink = new
> AjaxSubmitLink("deleteButton") {
> @Override
> @SuppressWarnings("unchecked")
> protected void onSubmit(AjaxRequestTarget target) {
> final ListView listView = findParent(ListView.class);
> listView.getModelObject().remove(index);
> listView.removeAll();
> target.add(correctChoiceGroup);
> }
> };
> deleteLink.setDefaultFormProcessing(false);
> item.add(deleteLink);
> }
> }.setReuseItems(true);
>
>
> correctChoiceGroup.add(choicesView);
>
> add(new AjaxSubmitLink("addButton") {
> @Override
> protected void onSubmit(AjaxRequestTarget target) {
> choicesView.getModelObject().add("");
> choicesView.removeAll();
> target.add(correctChoiceGroup);
> }
> }.setDefaultFormProcessing(false));
>
> add(correctChoiceGroup);
>
>
> When I click on the delete link (I have a similarly-implemented "add" link
> outside of the ListView), all of the input data goes away, since I am
> losing the original items from the removeAll() call. Now, I am doing the
> removeAll() to force Wicket to realize that I've changed the underlying
> list, otherwise, the original items are reused and the it always looks like
> the last item is removed. I'm sure I'm just rusty, but I am banging my
> head on this one.
>
> Thanks,
>
> James
>
Re: ListView Add/Remove via AJAX...
Hi James,
Welcome back... Still remember you from old times in list :-)
On Tue, Mar 27, 2018 at 2:42 PM, James Carman
wrote:
> It has been a while since I've used Wicket and man, I really forgot how
> much I love this framework! It may be that I'm rusty, but I've searched
> quite a bit and tried all the suggestions I've found, but I can't seem to
> make add/remove via AJAX work for a ListView while preserving the input
> data. I am using Wicket 8.0.0-M9. Here's what I've done so far:
>
> correctChoiceGroup = new CheckGroup<>("correctChoices",
> Model.ofSet(Sets.newHashSet()));
> correctChoiceGroup.setRequired(true);
> correctChoiceGroup.setOutputMarkupId(true);
> correctChoiceGroup.setRenderBodyOnly(false);
>
> final IModel> choicesModel = Model.ofList(new LinkedList<>());
> choicesView = new ListView("choices", choicesModel) {
> @Override
> protected void populateItem(ListItem item) {
> final int index = item.getIndex();
>
> item.add(new TextField<>("field", item.getModel()));
> item.add(new Check<>("check", Model.of(index)));
>
> final AjaxSubmitLink deleteLink = new
> AjaxSubmitLink("deleteButton") {
> @Override
> @SuppressWarnings("unchecked")
> protected void onSubmit(AjaxRequestTarget target) {
> final ListView listView = findParent(ListView.class);
> listView.getModelObject().remove(index);
> listView.removeAll();
> target.add(correctChoiceGroup);
> }
> };
> deleteLink.setDefaultFormProcessing(false);
> item.add(deleteLink);
> }
> }.setReuseItems(true);
>
>
> correctChoiceGroup.add(choicesView);
>
> add(new AjaxSubmitLink("addButton") {
> @Override
> protected void onSubmit(AjaxRequestTarget target) {
> choicesView.getModelObject().add("");
> choicesView.removeAll();
> target.add(correctChoiceGroup);
> }
> }.setDefaultFormProcessing(false));
>
> add(correctChoiceGroup);
>
>
> When I click on the delete link (I have a similarly-implemented "add" link
> outside of the ListView), all of the input data goes away, since I am
> losing the original items from the removeAll() call. Now, I am doing the
> removeAll() to force Wicket to realize that I've changed the underlying
> list, otherwise, the original items are reused and the it always looks like
> the last item is removed. I'm sure I'm just rusty, but I am banging my
> head on this one.
>
> Thanks,
>
> James
>
--
Regards - Ernesto Reinaldo Barreiro
Re: ListView Add/Remove via AJAX...
Hi James,
Some time ago I wrote this:
https://github.com/duesenklipper/wicket-appendablerepeater
It should work with forms. If not, let me know.
Best regards
Carl-Eric
On 27.03.2018 14:42, James Carman wrote:
It has been a while since I've used Wicket and man, I really forgot how
much I love this framework! It may be that I'm rusty, but I've searched
quite a bit and tried all the suggestions I've found, but I can't seem to
make add/remove via AJAX work for a ListView while preserving the input
data. I am using Wicket 8.0.0-M9. Here's what I've done so far:
correctChoiceGroup = new CheckGroup<>("correctChoices",
Model.ofSet(Sets.newHashSet()));
correctChoiceGroup.setRequired(true);
correctChoiceGroup.setOutputMarkupId(true);
correctChoiceGroup.setRenderBodyOnly(false);
final IModel> choicesModel = Model.ofList(new LinkedList<>());
choicesView = new ListView("choices", choicesModel) {
@Override
protected void populateItem(ListItem item) {
final int index = item.getIndex();
item.add(new TextField<>("field", item.getModel()));
item.add(new Check<>("check", Model.of(index)));
final AjaxSubmitLink deleteLink = new AjaxSubmitLink("deleteButton") {
@Override
@SuppressWarnings("unchecked")
protected void onSubmit(AjaxRequestTarget target) {
final ListView listView = findParent(ListView.class);
listView.getModelObject().remove(index);
listView.removeAll();
target.add(correctChoiceGroup);
}
};
deleteLink.setDefaultFormProcessing(false);
item.add(deleteLink);
}
}.setReuseItems(true);
correctChoiceGroup.add(choicesView);
add(new AjaxSubmitLink("addButton") {
@Override
protected void onSubmit(AjaxRequestTarget target) {
choicesView.getModelObject().add("");
choicesView.removeAll();
target.add(correctChoiceGroup);
}
}.setDefaultFormProcessing(false));
add(correctChoiceGroup);
When I click on the delete link (I have a similarly-implemented "add" link
outside of the ListView), all of the input data goes away, since I am
losing the original items from the removeAll() call. Now, I am doing the
removeAll() to force Wicket to realize that I've changed the underlying
list, otherwise, the original items are reused and the it always looks like
the last item is removed. I'm sure I'm just rusty, but I am banging my
head on this one.
Thanks,
James
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
