Question

我遇到了根据下拉列表的值更新过滤列表的问题。

这是我的模型的描述：

我有一个用户列表
当我点击某个用户时，该用户的另一个订单列表是显示
根据下拉列表的值过滤订单列表包含状态列表

请参见下图：

过滤器运行良好，但我面临的问题是，一旦我从下拉列表中选择了一个元素，当用户更改时，订单列表将不再更新。

这是我的代码片段：

构建订单面板并实例化列表：

public OrdersPanel(String id) 
{
    super(id);
    this.setOutputMarkupId(true);
    setOutputMarkupPlaceholderTag(true);

    IModel<List<Order>> orderListModel = new OrderListModel();
    orderListView = new orderListView("orderListView", orderListModel);
    //...
}

OrderListModel：

private final class OrderListModel extends LoadableDetachableModel<List<Order>> { 
    private static final long serialVersionUID = 1L;

    @Override
    protected List<Order> load() {
        //...

        //We set the variable allOrders in order to be used later in the filtering process

        //...
    }
}

构建下拉列表：

private class StatusDropDown extends CustomDropDown<String> implements IAjaxIndicatorAware {
    private static final long serialVersionUID = 1L;

    private StatusDropDown(String id) {
        super(id);
        this.setNullValid(true);
        StatusListModel statusModel = new StatusListModel();
        setChoices(statusModel);
        setChoiceRenderer(new StatusChoiceRenderer(statusModel));
    }

    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        super.onUpdate(target);
        if (target != null) {
            new StatusDropDownRefreshEvent(this, target).fire();
            target.addComponent(this);
        }
    }

    /**
     * disable ajax marker for the form fields
     */
    public String getAjaxIndicatorMarkupId() {
        return null;
    }
}

CustomDropDown（必须由我工作的项目的上下文使用）：

public class CustomDropDown<V> extends DropDownChoice<V> {

    private static final long serialVersionUID = 1L;
    public CustomDropDown(String id) {
        this(id, id);
    }

    public CustomDropDown(String id, String property) {
        super(id);
        setOutputMarkupId(true);

        setModel(new CustomComponentPropertyModel<V>(property));

        add(new AjaxFormComponentUpdatingBehavior("onchange") {

            private static final long serialVersionUID = 1L;

            @Override
            protected void onUpdate(AjaxRequestTarget target) {
                new UpdateEvent(CustomDropDown.this, target).fire();
                if (target != null) {
                    target.addComponent(CustomDropDown.this);
                }

                CustomDropDown.this.onUpdate(target);
            }
        });
    }

    @Override
    protected void onComponentTag(ComponentTag tag) {
        super.onComponentTag(tag);

        if (!isValid()) {
            tag.append("class", "invalid", " ");
            FeedbackMessage message = getFeedbackMessage();
            if (message != null) {
                tag.put("title", message.getMessage().toString());
                message.markRendered();
            }
        } else if (isRequired()) {
            tag.append("class", "red-background", " ");
        }

    }

    public void setWidth(String width) {
        this.add(new AttributeAppender("style", true, new Model<String>("width:" + width), ";"));
    }

    public CustomDropDown<V> setChoices(V... choices) {
        this.setChoices(Arrays.asList(choices));
        return this;
    }

    protected void onUpdate(AjaxRequestTarget target) {
    }
}

StatusDropDownRefreshEvent侦听器：

@AjaxUpdateEventListener
public void statusDropDownRefreshPanel(StatusDropDownRefreshEvent event){
    if (event.getTarget() != null) {
        orderListView.setList(getOrdersByStatus(allOrders));
        event.getTarget().addComponent(this);
    }
}

更改用户：更改用户后，将从用户面板触发更新事件，然后在订单面板中缓存：

@AjaxUpdateEventListener
public void refreshPanel(CustomerOrderRefreshEvent event) {

    if (event.getTarget() != null) {
        event.getTarget().addComponent(this);
        this.onBeforeRender();
    }
}

onBeforeRender（）确定面板的可见性（如果没有订单可用，则订单面板不可见）

@Override
public void onBeforeRender() {
    setVisibilityAllowed(checkVisibility());
    super.onBeforeRender();
}

最后，checkVisibility方法：

private boolean checkVisibility() {
    if (isUserChanged()) {
        List<Order> src = orderListView.getModelObject();
        statusDropDown.setDefaultModelObject(null);
        return CollectionUtils.isNotEmpty(src);
    }

    return true;
}

我的主要问题是，一旦从列表中选择状态，更改所选用户就不会更新订单列表。

非常感谢您的回复和时间。

最好的问候。

Answer 1

我找到了解决问题的方法。

订单列表未更新，因为在错误的对象上调用了getObject方法。

load（）方法的调用可以通过getObject（）完成，但条件是：必须分离对象（请参阅this link处的getObject（）实现）

在我的情况下，分离的对象是orderListModel而不是orderListView，所以这是我添加到我的代码中的内容：

//Set the content of the list model
List<Order> orders = orderListModel.getObject(); //This invokes the load method
//Update the content of the list
orderListView.setList(orders);

Wicket - 更改下拉列表

1 个答案: