Как изменить цвет ячейки AjaxEditableLabelColumn в Wicket

Question

У меня есть AjaxEditableLabelColumn с onChange метод. Мне нужно изменить цвет фона ячейки, которую я только что редактировал. Это код:

private AjaxEditableLabelColumn<User, String> createMyEditableColumn(String propertyExpression, boolean sortable) { 
    AjaxEditableLabelColumn<User, String> column = new AjaxEditableLabelColumn<User, String>(propertyExpression, sortable) { 
     private static final long serialVersionUID = 1L; 

     @Override 
     protected void onChange(AjaxRequestTarget target, IModel<User> model) { 

      User newRecord = model.getObject(); 

      if (newRecord.hasChanged()) { 
       if (newRecord.isRight()) { 
        ((((TURN GREEN)))) 
       } else { 
        ((((TURN RED))))) 
       } 

      } else { 
       ((((REMOVE COLOR)))) 
      } 
     } 

    }; 
    return column; 
} 

Answer 1

Я рекомендую вам скорее добавить поведение модификатора атрибута только один и изменить модель класса css или атрибута стиля.

КОД:

private AjaxEditableLabelColumn<User, String> createMyEditableColumn(String propertyExpression, boolean sortable) { 

     final IModel<String> cssModel = Model.of("bkg-default"); 
     AjaxEditableLabelColumn<User, String> column = new AjaxEditableLabelColumn<User, String>(propertyExpression, sortable) { 

     private static final long serialVersionUID = 1L; 

      @Override 
      protected void onChange(AjaxRequestTarget target, IModel<User> model) { 

       User newRecord = model.getObject(); 

       if (newRecord.hasChanged()) { 
        if (newRecord.isRight()) { 
         cssModel.setObject("bkg-green"); 
        } else { 
         cssModel.setObject("bkg-red"); 
        } 
       } else { 
        cssModel.setObject("bkg-default"); 
       } 
      } 
      // The following line is unnccessary if you already add 
      // component for to be render in AjaxEditableLabelColumn 
      target.add(this); 

     }; 
     column.add(new AttributeModifier("css", cssModel)); 
     return column; 
    } 

CSS:

.bkg-default { background-color: transparent; } 
.bkg-green { background-color: green; } 
.bkg-red { background-color: red; } 

Answer 2

Самым простым решением было бы добавить AttributeModifier в ячейку и обновить его. AjaxEditableLabelColumn выглядит пользовательской реализации, так что я угадал немного:

 @Override 
     protected void onChange(AjaxRequestTarget target, IModel<User> model) { 

      User newRecord = model.getObject(); 

      if (newRecord.hasChanged()) { 
       if (newRecord.isRight()) { 
        item.add(new AttributeModifier("style", "background-color:green;")); 
       } else { 
        item.add(new AttributeModifier("style", "background-color:red;")); 
       } 

      } else { 
        item.add(new AttributeModifier("style", "")); 
      } 
     target.add(item); //refreshing 
     } 

Очевидно, что вы можете сделать это более надежным с помощью моделей и/или перезапись метод NEWVALUE из AttributeModifier.