Блог

Я новичок в использовании Apache Wicket. Я создаю панель для добавления статей на веб-сайт. Моя панель для редактирования статьи состоит из панели вкладок: первая вкладка предназначена для редактирования, а вторая — для предварительного просмотра статьи.

Если после того, как я ввел какой-либо текст в редакторе (текстовая область), я переключаюсь на предварительный просмотр и возвращаюсь в редактор, текстовая область файла пуста.

Здесь приведена часть кода для панели с панелью вкладок:

 public AddArticlePanel(String id, ArticleEdit articleEdit) {
        super(id);

        final List<AbstractTab> tabList = new ArrayList<>();
        tabList.add(new AbstractTab(new Model<String>("Editor")) {
            @Override
            public WebMarkupContainer getPanel(String panelId) {
                return new ArticleEditorPanel(panelId, articleEdit);
            }
        });
        tabList.add(new AbstractTab(new Model<String>("Preview")) {
            @Override
            public WebMarkupContainer getPanel(String panelId) {
                return new ArticlePreviewPanel(panelId, articleEdit);
            }
        });
        tabs = new TabbedPanel<AbstractTab>("tabs", tabList);

        final SubmitLink submitButton = new SubmitLink("submit") {
            @Override
            public void onSubmit() {
                // TODO
            }
        };

        addArticleForm = new Form<ArticleEdit>("add-article-form", new Model<ArticleEdit>(articleEdit));
        addArticleForm.add(tabs);
        addArticleForm.add(submitButton);
        add(addArticleForm);
    }
  

Здесь HTML для панели редактора:

 <wicket:panel>
        <div wicket:id="feedback"></div>

        <div class="fields">
            <label for="title">Title</label>
            <input type="text" name="title" wicket:id="title">
        </div>
        <div class="fields">
            <label for="text">Text</label>
            <textarea class="notab" name="text" wicket:id="text"></textarea>
        </div>
        <div class="fields">
            <label for="keywords">Keywords</label>
            <input type="text" name="keywords" wicket:id="keywords">
        </div>
</wicket:panel>
  

Код для этой панели редактора:

 public ArticleEditorPanel(String id, ArticleEdit articleEdit) {
        super(id);

        final FeedbackPanel feedbackPanel = new FeedbackPanel("feedback");

        title = new TextField<String>("title", new PropertyModel<String>(articleEdit, "title"));
        title.setRequired(true);

        text = new TextArea<String>("text", new PropertyModel<String>(articleEdit, "text"));
        text.setRequired(true);

        keywords = new TextField<String>("keywords", new PropertyModel<String>(articleEdit, "keywords"));
        keywords.setRequired(true);

        add(title);
        add(text);
        add(keywords);
        add(feedbackPanel);
    }
  

Наконец, исходный код класса ArticleEdit:

 public class ArticleEdit implements Serializable {

    private String title;

    private String text;

    private String keywords;

    private String preview;

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public String getKeywords() {
        return keywords;
    }

    public void setKeywords(String keywords) {
        this.keywords = keywords;
    }

    public String getPreview() {
        return preview;
    }

    public void setPreview(String preview) {
        this.preview = preview;
    }
}
  

Почему это не работает из коробки? В чем моя ошибка?

Спасибо за вашу помощь.

Вы не сохраняете состояние на вкладке РЕДАКТИРОВАНИЯ перед переходом на вкладку ПРЕДВАРИТЕЛЬНОГО просмотра.

При нажатии на ссылку «Предварительный просмотр» браузер отправит новый запрос на сервер, и Wicket повторно отобразит всю страницу, поэтому любые данные, введенные в поля формы, будут потеряны.

Вы можете легко сохранить данные, добавив AjaxFormComponentUpdatingBehavior в поля формы. Например, для title поля:

 title = new TextField<String>("title", new PropertyModel<String>(articleEdit, "title"));
title.setRequired(true);
title.add(new AjaxFormComponentUpdatingBehavior("change") {
    @Override public void onUpdate(AjaxRequestTarget target) {}
    @Override public void onError(AjaxRequestTarget target) {
         target.add(feedbackPanel);
    }
});