¿Por qué mi editor deslizante no funciona en la cuadrícula Vaadin 8?

Quiero crear una cuadrícula de Vaadin 8 en la que pueda editar el valor en la columna Amount (2) usando un control deslizante (análoga a este ejemplo ).

Cuadrícula

Uso el siguiente código para crear la grilla.

 fun createGrid(): Grid<Concept> { val grid = Grid<Concept>() val dataProvider = ListDataProvider<Concept>(ctl.getConcepts()) grid.dataProvider = dataProvider grid.addColumn(Concept::getName) .setId("ID") .setCaption("ID") grid.addColumn(Concept::getDescription) .setId("desc") .setCaption("Description") grid.addColumn(Concept::getOutput) .setId("amountNumber") .setCaption("Amount") val conceptAmountditor = Slider() conceptAmountditor.setWidth(100.0f, Sizeable.Unit.PERCENTAGE) conceptAmountditor.min = 0.0 conceptAmountditor.max = 100.0 grid.addColumn(Concept::getOutput, ProgressBarRenderer()) .setId("amountBar") .setCaption("Amount (2)") .setEditorComponent( conceptAmountditor, Concept::setOutput ) .setEditable(true) grid.setSizeFull() return grid } 

Pero cuando hago clic en las filas individuales, no aparece el control deslizante.

¿Qué pasa con mi código? ¿Cómo puedo hacer que la barra de progreso se convierta en un control deslizante cuando hago doble clic en una fila en particular?

    Esto funciona:

      val amount2Col = grid.addColumn(Concept::getOutput, amount2ColRenderer) .setId("amountBar") .setCaption("Amount (2)") val binder = grid.editor.binder val amount2ColSlider = Slider() val amount2Binding: Binder.Binding<Concept, Double> = binder.bind( amount2ColSlider, Concept::getOutput, Concept::setOutput ) amount2Col.setEditorBinding(amount2Binding) amount2Col.setEditable(true) grid.editor.setEnabled(true) 

    Para más detalles, consulte la sección "Edición de elementos dentro de la cuadrícula" en esta página .