Question

我有一个数据表，我添加了一个面板，其中包含一个单元格中的复选框。我有另一个面板，有一个复选框，我用它来选择数据表中的所有复选框。 Select All由JQuery完成，JQuery在下面的代码中。当我的JQuery Select All复选框被选中时，如何才能调用onclick或onchange事件？我已尝试使用下面的AjaxCheckBox，但事件未被调用。

    private static List<CheckBox> checkBoxes = new ArrayList<CheckBox>();
    private static class ActionsPanel extends Panel {

    public ActionsPanel(String id, IModel<WorkOrderCustomer> model, final String uuid ) {
        super( id );

        AjaxCheckBox checkBox = new AjaxCheckBox("checkbox", Model.of(Boolean.FALSE)) {
            private static final long serialVersionUID = 1L;

            @Override
            protected void onComponentTag(ComponentTag tag) {
                super.onComponentTag(tag);
                tag.append("class", uuid, " ");
            }

            @Override
            protected void onUpdate(AjaxRequestTarget target) {
                if( getModelObject() == true ) {
                    checkBoxes.add(this);
                } else {
                    checkBoxes.remove(this);
                }
            }
        }; 
        add( checkBox );
    }
}
    private static class ActivityPanel extends Panel {

    private final String selectCheckboxJS = "if($(this).attr('checked') == 'checked') {var val=true;} else {var val=false;}$('." + 
                                uuid + "').each(function() { $(this).attr('checked', val); });"
    private static final long serialVersionUID = 1L;
    @Inject
    private Dao dao;
    private DropDownChoice<String> activities;

    public ActivityPanel(String id, final String selectCheckboxJS, FilterForm form) {
        addActivitySwitchPanel(selectCheckboxJS, form);
    }

    private void addActivitySwitchPanel(final String selectCheckboxJS, FilterForm form) {

        CheckBox checkAll = new CheckBox("checkAll"); 
        checkAll.add(new ChangeActivitySearchBehavior() {
            @Override
            public void onComponentTag(Component component, ComponentTag tag) {
                tag.put("onclick", selectCheckboxJS);
            }
        });

        SubmitLink changeActivityLink = new SubmitLink("activityLink", form);
        add( checkAll );
        add( changeActivityLink );
    }
}

Answer 1

而不是仅仅更改checked属性的值，您可以在复选框上$(this).trigger('click')。

另请参阅org.apache.wicket.markup.html.form.CheckGroupSelector组件。

在JQuery更改检查状态

1 个答案: