如何同步 Ajax onClick 和 onUpdate 事件

Question

我有一个表格来显示所选用户的权限。在列中我有角色，在行中我有函数。在表格中的每个单元格中，我都有一个 Wicket AjaxCheckBox，它使用 onUpdate 事件来触发操作。但除此之外，管理员还应该能够单击该行以选中复选框。因此，每个单元格都附加了一个 onClick 事件。

如果我单击 CheckBox，它不会选择，但如果我双击它会。由于我一键触发了单元格的 onClick 和 CheckBox 的 onUpdate ，因此它会自行中和。

我正在运行 Wicket 6.20

现在我是这样运行的：

final WebMarkupContainer cell = new WebMarkupContainer("cont");
cell.setOutputMarkupId(true);
cell.setOutputMarkupPlaceholderTag(true);
cell.setVisibilityAllowed(true);
cell.add(AttributeModifier.append("class", checkState));

cell.add(new AjaxEventBehavior("onclick") {
    private static final long serialVersionUID = 1L;
        @Override
        protected void onEvent(AjaxRequestTarget target) {
            eventHandler(checked, checkState);
            target.add(cell);
        }
});

item.add(cell);
cell.add(new AjaxCheckBox("checkbox", checked) {
    private static final long serialVersionUID = 1L;
    @Override
    protected void onUpdate(AjaxRequestTarget target) {
        eventHandler(checked, checkState);
        target.add(cell);
}});

public void eventHandler(IModel<Boolean> checked, IModel<String> checkState) {
    boolean isChecked = checked.getObject();
    if (isChecked == false) {
        checked.setObject(true);
        checkState.setObject("checked");
        //Do sth
    } else if (isChecked == true) {
        checked.setObject(false);
        checkState.setObject("unchecked");
        //Do sth
    }
}

Answer 1

这是 Wicket 7 吗？然后你应该防止你的 AjaxCheckBox 上的事件冒泡：

@Override
protected void updateAjaxAttributes(AjaxRequestAttributes attributes)
{
    super.updateAjaxAttributes(attributes);

    attributes.setEventPropagation(EventPropagation.STOP);
}