Wicket 动态 ListView - Ajax 不会更新默认项目答案

【问题标题】：Wicket dynamic ListView - default item won't get updated by AjaxWicket 动态 ListView - Ajax 不会更新默认项目
【发布时间】：2018-06-07 15:50:48
【问题描述】：

我有一个 ListView 以显示一个项目开始，我在其中为每个新项目附加一个 AjaxSubmitLink，它工作正常。在 ListView 中，我有两个 DropDownChoices，第一个通过 AjaxFormComponentUpdatingBehavior 触发第二个的选择。这也有效，但前提是我将另一个项目添加到默认项目。如果未点击 AjaxSubmitLink，则不会更新第二个 DropDownChoice，并且在 Ajax 调试窗口中有一个空白，而不是第一个 DropDownChoice 的 id。

这是我的代码：

final MarkupContainer devicescontainer = new WebMarkupContainer("devicesContainer");
devicescontainer.setOutputMarkupId(true);
add(devicescontainer);   
final ListView devicesListView = new ListView<Device>("devices", devices) {

    @Override
    protected void populateItem(ListItem<Device> item) {
        item.setModel(new CompoundPropertyModel<Device>(item.getModel()));
        final List<Device.DeviceCategory> cats = Arrays.asList(Device.DeviceCategory.values());
        final DropDownChoice<Device.DeviceCategory> categoryDropDownChoice = new DropDownChoice<Device.DeviceCategory>("deviceCategory", cats);
        final DropDownChoice<Device.DeviceSubcategory> subcategoryDropDownChoice = new DropDownChoice<>("deviceSubcategory");
        categoryDropDownChoice.setOutputMarkupId(true);
        subcategoryDropDownChoice.setOutputMarkupId(true);

        categoryDropDownChoice.add(new AjaxFormComponentUpdatingBehavior("change") {
            @Override
            protected void onUpdate(AjaxRequestTarget target) {
                List<Device.DeviceSubcategory> subcats = Device.getPotentialSubcategories(categoryDropDownChoice.getModelObject());
                subcategoryDropDownChoice.setChoices(subcats);
                target.add(subcategoryDropDownChoice);
        }});
        item.add(categoryDropDownChoice);
        item.add(subcategoryDropDownChoice);
    }
}.setReuseItems(true);
devicescontainer.add(devicesListView);

AjaxSubmitLink addDeviceLink = new AjaxSubmitLink("addDevice") {

    @Override
    public void onSubmit(AjaxRequestTarget target, Form form) {

        devicesListView.getModelObject().add(new Device(newId));
            if (target != null){
                target.add(devicescontainer);
            }
    }
};
addDeviceLink.setDefaultFormProcessing(false);
devicescontainer.add(addDeviceLink);

如何在不先单击“添加设备”链接的情况下让 Ajax 驱动的 DropDownChoice 工作？

编辑：所有元素生成的id都是完整且唯一的。 ListView 项目没有 id，如果有，也无济于事。

【问题讨论】：

您的标记中是否有空 id (id="")？
@svenmeier 不，任何地方都没有空 ID。 setOutputMarkupId() 不设置id吗？
Wicket 优先考虑 I 将出现在标记中，如果它们不再是唯一的，这有时会导致混乱和问题。
@svenmeier 啊谢谢。

标签： java ajax wicket wicket-7

【解决方案1】：

我已将您的代码发布到 Wicket 示例页面中，它立即生效。

请检查您的标记，这对我来说很好：

<form wicket:id="form">
    <div wicket:id="devicesContainer">
        <div wicket:id="devices">
            <select wicket:id="deviceCategory"/>
            <select wicket:id="deviceSubcategory"/>
        </div>
        <a wicket:id="addDevice">+</a>
    </div>
</form>

【讨论】：

我检查了标记，一切似乎都很好，但我怀疑公司的 JavaScript 会干扰。当我发现问题时，我会发布答案。

【解决方案2】：

事实证明，实际上是公司的 JavaScript 导致了问题。我相信它会在<select>s 上调用 select2 jquery 插件，这样 Ajax 就会被覆盖。我刚刚删除了整个脚本，现在一切正常。

【讨论】：