繁体   English   中英

GWT-如何在选中另一个CheckboxCell时以编程方式取消选中CheckboxCell?

[英]GWT - How to programmatically uncheck a CheckboxCell when another CheckboxCell is checked?

给定两个CheckboxCellcheckboxAcheckboxB ,如果未选中checkboxA,如何以编程方式取消选中checkboxB? 从我已经试过,我能够设定的值checkboxB = falsecheckboxA = false ,但这种变化不会反映到UI。

我的表格与复选框-

public void buildTable() {
    myDataProvider.addDataDisplay(myTable);

    // other columns

    Column<Note, Boolean> checkboxA = new Column<Note, Boolean>(new CheckboxCell()){

        @Override
        public Boolean getValue(Note object) {
            return object.isAChecked();
        }

    };

    checkboxA.setFieldUpdater(new FieldUpdater<Note, Boolean>() {

        @Override
        public void update(int index, Note object, Boolean value) {
            performCheckboxAOperation(object, value);
        }
    });

    Column<Note, Boolean> checkboxB = new Column<Note, Boolean>(new CheckboxCell()){

        @Override
        public Boolean getValue(Note object) {
            return object.isBChecked();
        }

    };

    checkboxB.setFieldUpdater(new FieldUpdater<Note, Boolean>() {

        @Override
        public void update(int index, Note object, Boolean value) {
            performCheckboxBOperation(object, value);
        }
    });

    myTable.addColumn(checkboxA, "BOX A");
    myTable.addColumn(checkboxB, "BOX B");
}

将复选框A的值存储在数据库中的方法,如果checkboxA == false ,则还要在数据库中设置checkboxB = false

public void performCheckboxAOperation(Note note, Boolean bool) {
    this.presenter.performBoxOperation(note, bool, new AsyncCallback<CNote>() {

        @Override
        public void onFailure(Throwable caught) {
            // error logic
        }

        @Override
        public void onSuccess(CompanyNote result) {
            cleanupDataProvider.flush();

            if (result.isAChecked() == false) {
                if (result.isBChecked() == true) {
                    unsetB(result);
                }
            }
        }
    });
}

这是我取消checkboxB的方法,该方法正在更改数据库中的值,而不是更改UI中的值-

private void unsetB(Note note) {
    this.presenter.performBoxOperation(note, false, new AsyncCallback<Note>() {

        @Override
        public void onFailure(Throwable caught) {
            // error logic
        }

        @Override
        public void onSuccess(Note result) {
            myDataProvider.flush();
            myTable.redraw();
        }
    });
}

据我了解,需要刷新ListDataProvider才能将更改反映在UI中。 对于表中的所有其他字段,此方法效果很好,但不适用于CheckboxCells。

我已经尝试过redraw()该表,如上所示,但是没有任何运气。

那么,当单击一个CheckboxCell时,我应该怎么做才能触发另一个CheckboxCell中的UI更改?

我认为您忘记了实际更改对象的值。

private void unsetB(final Note note) {
    this.presenter.performBoxOperation(note, false, new AsyncCallback<Note>() {
        // ...
        @Override
        public void onSuccess(Note result) {
            note.setB(false);  // set B value or copy `result` to `note`
                               // (`note` must be final)
            myDataProvider.flush();
            myTable.redraw();
        }
    });
}

另外,在performCheckboxAOperation您调用unsetB(result); -它应该是unsetB(note);

您需要了解,在onSuccess您可以获得Note的副本。 result对象不在DataProvidernote 并且您应该更改note的值。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM