Adding a ValueChangeListener inside a Binder..

Hi guys,

Im currently focusing on Grid right now that each time I edit a cell it will update a corresponding cell in the same row… a little bit of an excel type feature. I have already solve the problem but I want my UI Grid to be more presentable, and by doing that I need to use Binder and GridFastNav Addon. But my problem is I cant find a solution to add a listener inside the binder. I dont know if this is possible. so here’s my code.

this.addColumn(item -> {
       TextField field = new TextField();
       field.setWidth("50px");
       field.addStyleName(ValoTheme.TEXTFIELD_ALIGN_RIGHT);
       field.addValueChangeListener(event -> {
           if(!event.getValue().isEmpty()){
               item.setLates(CommonUtil.convertStringToDouble(event.getValue()));
               item.setLatesPerMinute(CommonUtil.convertStringToDouble(event.getValue()));
               this.getDataProvider().refreshItem(item);
           }
       });
       field.setValue(String.valueOf(item.getLates()));
                
       return field;
}, new ComponentRenderer()).setCaption("L/Min").setWidth(70);


How do I convert that code into this with ValueChangeListener? 
TextField late = new TextField();
Binding<Time, Double> lateBinding = binder.forField(late)
        .withNullRepresentation("")
        .withConverter(new StringToDoubleConverter("Must Enter a Number!"))
        .bind(Time::getLates, Time::setLates);
this.addColumn(Time::getLates).setCaption("LATES").setEditorBinding(lateBinding);