Как использовать модель в калитке? - PullRequest
Новая
       13

Как использовать модель в калитке?

0 голосов
/ 16 апреля 2010

Я пытаюсь создать страницу следующей структуры: 

MainPage {
    DateSelector {}
    TabGroup {
        Tab0 {...}
        Tab1 {...}
        Tab2 {...}
    }
}

DateSelector - это компонент (расширяющая панель), который позволяет пользователю выбирать временной интервал (startDate, endDate). TabGroup расширяет "AjaxTabbedPanel". Вкладки, показанные в группе вкладок, должны использовать выбранный интервал времени для отображения содержимого.

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

Для этого я реализую метод, который пользователь DateSelector может переопределить, чтобы обновить его содержимое.

У меня такое ощущение, что мой подход не вписывается в рамки. Могу ли я каким-то образом использовать модель для улучшения реализации? Что с этим не так? Могут ли вкладки делить временной интервал с DateSelector, чтобы они обновлялись при изменении временного интервала? Без обратного вызова?

DateSelector реализован так: 

abstract public class TimespanSelectionPanel extends Panel {

    public TimespanSelectionPanel(String id, Timespan timespan) {
        super(id, new CompoundPropertyModel<Timespan>(timespan));

        final DateTextField fromTextField = DateTextField.forDatePattern("from", "dd.MM.yyyy");
        fromTextField.setOutputMarkupId(true);
        fromTextField.add(new DatePicker());
        final DateTextField toTextField = DateTextField.forDatePattern("to", "dd.MM.yyyy");
        toTextField.setOutputMarkupId(true);
        toTextField.add(new DatePicker());

        fromTextField.add(new AjaxFormComponentUpdatingBehavior("onchange") {
            @Override
            protected void onUpdate(AjaxRequestTarget target) {
            }
        });
        toTextField.add(new AjaxFormComponentUpdatingBehavior("onchange") {
            @Override
            protected void onUpdate(AjaxRequestTarget target) {
            }
        });

        add(new AjaxLink<String>("today") {
            @Override
            public void onClick(AjaxRequestTarget target) {
                updateComponent(fromTextField, toTextField, target, Timespan.today());
            }
        });
        add(new AjaxLink<String>("yesterday") {
            @Override
            public void onClick(AjaxRequestTarget target) {
                updateComponent(fromTextField, toTextField, target, Timespan.yesterday());
            }
        });
        add(new AjaxLink<String>("lastMonth") {
            @Override
            public void onClick(AjaxRequestTarget target) {
                updateComponent(fromTextField, toTextField, target, Timespan.lastMonth());
            }
        });
        add(new AjaxLink<String>("actualMonth") {
            @Override
            public void onClick(AjaxRequestTarget target) {
                Timespan timespan = adjustToTextField(fromTextField, toTextField, target, Timespan.actualMonth());
                updateComponent(fromTextField, toTextField, target, timespan);
            }
        });
        add(new AjaxLink<String>("fromTo") {
            @Override
            public void onClick(AjaxRequestTarget target) {
                Timespan newTimespan = adjustToTextField(fromTextField, toTextField, target, fromTextField
                        .getModelObject(), toTextField.getModelObject());
                update(target, newTimespan);
            }
        });
        add(fromTextField);
        add(toTextField);
    }

    private Timespan adjustToTextField(DateTextField fromTextField, DateTextField toTextField,
            AjaxRequestTarget target, Timespan timespan) {
        return adjustToTextField(fromTextField, toTextField, target, timespan.getFrom(), timespan.getTo());
    }

    private Timespan adjustToTextField(final DateTextField fromTextField, final DateTextField toTextField,
            AjaxRequestTarget target, Date from, Date to) {
        Date today = DateUtil.today();
        if (to.after(today)) {
            to = today;
            toTextField.setModelObject(today);
            target.addComponent(toTextField);
        }
        if (from.after(to)) {
            from = to;
            fromTextField.setModelObject(from);
            target.addComponent(fromTextField);
        }
        return Timespan.fromTo(from, to);
    }

    private void updateComponent(final DateTextField fromTextField, final DateTextField toTextField,
            AjaxRequestTarget target, Timespan newTimespan) {
        fromTextField.setModelObject(newTimespan.getFrom());
        toTextField.setModelObject(newTimespan.getTo());
        target.addComponent(fromTextField);
        target.addComponent(toTextField);
        update(target, newTimespan);
    }

    abstract protected void update(AjaxRequestTarget target, Timespan timespan);

}

1 Ответ

0 голосов
/ 21 апреля 2010

Если временной интервал всегда синхронизирован между панелями выбора и вкладки, то имеет смысл, что это общая модель.

Это означает, что ваши панели вкладок должны иметь доступ либо к модели, которая предоставляет TimeSpan, либо к чему-то вроде разработчика ITimeSpanProvider (то есть компонента выбора временного интервала). Первый, очевидно, лучший способ сделать что-то в Wicket.

Итак, ваши конструкторы панелей должны использовать модель TimeSpan, которая затем используется теми компонентами, которые в ней нуждаются. Это означает, что вам не нужно помещать обновления модели из селектора на панели вкладок.

В зависимости от функции панелей вкладок, модель TimeSpan может не иметь смысла в качестве «основной» модели, но это нормально - это просто другая модель. Если модель временного промежутка не установлена ​​как модель для другого компонента в ваших панелях вкладок, вы должны быть хороши и отсоединить () модель, когда это уместно, и т. Д. Вы можете абстрагировать все это в TimeSpanAwarePanel, если он соответствует вашему делает.

...