Как реализовать редактируемую сетку с двумя связанными выпадающими в калитке?

Question

Мне нужно показать данные из БД в табличном формате с кнопкой редактирования, сохранения, отмены, удаления, называемой редактируемой сеткой в ​​калитке.

В строке таблицы после нажатия кнопки редактирования данные должны отображаться в двух выпадающих списках и выбирать данные из первого раскрывающегося списка, затем модель данных второго раскрывающегося списка должна изменяться в зависимости от выбора первого раскрывающегося списка.

Я прошел через https://github.com/wicketstuff/core/tree/master/editable-grid-parent. Но он показывает только редактируемую сетку с 1 раскрывающимся списком в калитке, и я хочу 2 раскрывающихся списка. Пожалуйста, помогите в этом.

ОБНОВЛЕНИЕ: я использовал это

    private List<AbstractEditablePropertyColumn<Person, String>> getColumns()
         {
    List<AbstractEditablePropertyColumn<Person, String>> columns = new ArrayList<AbstractEditablePropertyColumn<Person, String>>();
    stateDropDownPropertyColumn = new AbstractEditablePropertyColumn<Person, String>(new PropertyModel<String>(this, "selectedMake"), "state")
    {

        private static final long serialVersionUID = 1L;

        public EditableCellPanel<Person> getEditableCellPanel(String componentId)
        {

            return getStateDDCellpanel(componentId,this);               
        }
    };

    cityDropDownPropertyColumn = new AbstractEditablePropertyColumn<Person, String>(new Model<String>("CarModel"), "city"){

        private static final long serialVersionUID = 1L;

        @Override
        public EditableCellPanel<Person> getEditableCellPanel(String componentId) {
            // TODO Auto-generated method stub
            return getCityDDCellpanel(componentId,this);
        }};

    columns.add(stateDropDownPropertyColumn);
    columns.add(cityDropDownPropertyColumn);
    return columns;
}
    private EditableRequiredDropDownCellPanel<Person, String> getStateDDCellpanel(String componentId, 
                                    AbstractEditablePropertyColumn<Person, String> DropDownPropertyColumn){

    this.stateComponentID = componentId;
    this.stateDropDownPropertyColumn = DropDownPropertyColumn;
    stateDropDownCellPanel = new EditableRequiredDropDownCellPanel<Person,      String>(stateComponentID, stateDropDownPropertyColumn, stateChoices);

    return stateDropDownCellPanel;

}

private EditableRequiredDropDownCellPanel<Person, String> getCityDDCellpanel(String componentId, 
        AbstractEditablePropertyColumn<Person, String> DropDownPropertyColumn){

    this.cityComponentID = componentId;
    this.cityDropDownPropertyColumn = DropDownPropertyColumn;
    cityDropDownCellPanel = new EditableRequiredDropDownCellPanel<Person, String>(cityComponentID, cityDropDownPropertyColumn, cityChoices);
    cityDropDownCellPanel.setOutputMarkupId(true);
    cityDropDownCellPanel.setOutputMarkupPlaceholderTag(true);
    return cityDropDownCellPanel;

}

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

Answer 1

Вероятно, почти прямой ответ на вопрос в соответствии с динамическим списком (первый фиксированный, второй идентификатор зависит, динамически вычисляется): http://examples7x.wicket.apache.org/ajax/choice

Чтобы быть с правилами SO, чтобы не включать чистые ссылки, отрывок из официального примера лицензированного Apache (готовится быть короче - не компилировать)

Модель позволяет вам подготовить измененные данные, а событие AJAX вызывает обновление - это основа идеи. Событие (поведение ajax) связано с первыми "создателями", а поведение заставляет обновлять "модели". Это типичная модель калитки +ajax.

/**
* Linked select boxes example
* 
* @author Igor Vaynberg (ivaynberg)
*/
 public class ChoicePage extends BasePage
{
private String selectedMake;

private final Map<String, List<String>> modelsMap = new HashMap<>(); // map:company->model

/**
 * @return Currently selected make
 */
public String getSelectedMake()
{
    return selectedMake;
}

/**
 * @param selectedMake
 *            The make that is currently selected
 */
public void setSelectedMake(String selectedMake)
{
    this.selectedMake = selectedMake;
}

/**
 * Constructor.
 */
public ChoicePage()
{
    modelsMap.put("AUDI", Arrays.asList("A4", "A6", "TT"));
    modelsMap.put("CADILLAC", Arrays.asList("CTS", "DTS", "ESCALADE", "SRX", "DEVILLE"));
    modelsMap.put("FORD", Arrays.asList("CROWN", "ESCAPE", "EXPEDITION", "EXPLORER", "F-150"));

    IModel<List<String>> makeChoices = new AbstractReadOnlyModel<List<String>>()
    {
        @Override
        public List<String> getObject()
        {
            return new ArrayList<>(modelsMap.keySet());
        }

    };

    IModel<List<String>> modelChoices = new AbstractReadOnlyModel<List<String>>()
    {
        @Override
        public List<String> getObject()
        {
            List<String> models = modelsMap.get(selectedMake);
            if (models == null)
            {
                models = Collections.emptyList();
            }
            return models;
        }

    };

    Form<?> form = new Form("form");
    add(form);

    final DropDownChoice<String> makes = new DropDownChoice<>("makes",
        new PropertyModel<String>(this, "selectedMake"), makeChoices);

    final DropDownChoice<String> models = new DropDownChoice<>("models",
        new Model<String>(), modelChoices);
    models.setOutputMarkupId(true);

    form.add(makes);
    form.add(models);

    ...

    makes.add(new AjaxFormComponentUpdatingBehavior("change")
    {
        @Override
        protected void onUpdate(AjaxRequestTarget target)
        {
            target.add(models);
        }
    });
  }
}

ОБНОВЛЕНИЕ после комментария. Возвращается к предыдущему коду github, должен заменить фиксированный список моделью. Как??? Получите или скопируйте, добавьте конструктор с помощью IModel ... У калитки очень хороший дизайн объекта. Аналогичным образом мы добавляем типы столбцов, неизвестные (не запланированные) автору сетки.

Кстати, ваш комментарий "это не работает" очень широк. Извините, я могу помочь, если смогу, но не делаю полный проект для Вас. Надеюсь, вам понравится кодирование.

package org.wicketstuff.egrid.column;

import java.util.List;

import org.apache.wicket.extensions.markup.html.repeater.data.table.PropertyColumn;
import org.apache.wicket.markup.html.form.DropDownChoice;
import org.apache.wicket.markup.html.form.FormComponent;
/**
 * 
 * @author Nadeem Mohammad
 *
 */
public class EditableRequiredDropDownCellPanel<T, S> extends EditableCellPanel
{

    private static final long serialVersionUID = 1L;

    public EditableRequiredDropDownCellPanel(final String id, final PropertyColumn<T, S> column, @SuppressWarnings("rawtypes") final List choices)
    {
        super(id);

        @SuppressWarnings("unchecked")
        DropDownChoice<T> field = new DropDownChoice<T>("dropdown", choices);  <--- **** Here should be model ****
        field.setLabel(column.getDisplayModel());
        add(field); 
    }

    @Override
    public FormComponent<?> getEditableComponent()
    {
        return (FormComponent<?>) get("dropdown");
    }
}

тогда с измененным классом вернитесь сюда:

columns.add(new AbstractEditablePropertyColumn<Person, String>(new Model<String>("Age"), "age")
        {

            private static final long serialVersionUID = 1L;

            public EditableCellPanel getEditableCellPanel(String componentId)
            {
                return new ***** EditableRequiredDropDownCellPanel ***** <Person, String>(componentId, this, Arrays.asList("10","11","12","13","14","15"));
            }

});

добавить Beahviours тоже