Radio Button in Cell Table or Data grid.

[BM]

Basically to implement custom RadioGroupCell for Cell Table. This is not having a group of Radio buttons within a single cell. 

So what I want is a cell table which has a cell Column called "Active" and defined with one Radio button in that cell. Unlike checkboxes or custom cell of group of radio buttons within one cell, my requirement is the Radio buttons in all rows are part of one Group so one can select only one at a time. 

So here is what cell table would look like

Role          Active

------          --------

Admin        Radio Button (YES)

Role A        Radio Button (NO)

Role B        Radio Button (NO)

One can toggle to select only one Radio between roles. 

I can write a custom cell which has one radio button. But I don't know how each radio buttons becomes part of the single group across the rows.

Any help or pointers would be much appreciated.

[Thomas Broyer]

Fwiw, if this is about selecting a value, have a look at the SingleSelectionModel and how to apply it to a CheckboxCell. If you want the additional type="radio" on the <input> (for accessibility, mainly), then create your own custom cell based on CheckboxCell.

If this is not about selection, then I'm afraid it'll be a bit harder, as you won't have an event/callback/whatever on the "previously selected radio" when you select another one.

[BM]

Cheers Thomas. You are right on where my struggle is. Hmm.

Ok so where can I find the SingleSelectionModel and how to apply it to a CheckboxCell example? As long as I can show a widget (either checkbox or radio) which toggles across each row to put ON or OFF value within the DTO field I am okay to show checkbox.

[BM]

I think I got it. Will this be correct?

private final SingleSelectionModel<DTO> roleStatusSelectionModel = new SingleSelectionModel<>(KEY_PROVIDER);

roleCellTable.setSelectionModel(roleStatusSelectionModel);

private final CheckboxCell rowSelectionColumnCell = new CheckboxCell(true, false);

final Column<DTO, Boolean> rowSelectionColumn = new Column<DTO, Boolean>(rowSelectionColumnCell) {

   @Override

   public Boolean getValue(final DTO dto) {

      return roleStatusSelectionModel.isSelected(dto);

   }

}

final Set<DTO> selectedSet = roleStatusSelectionModel.getSelectedSet();

for (final DTO selected : selectedSet) {

    selected.setActive(true);

}

Secondly, If I have to do this custom radio based on CheckboxCell, what's the best way? 

On Thursday, June 28, 2018 at 11:20:36 AM UTC-5, Thomas Broyer wrote: