Modifying CSS classes on a row based on editable content state

[brandondurham]

I’m working with the Editable Data example and it’s going swimmingly. One feature I need to add that I’m unsure of is the ability to set CSS classes on row based on the state of the data. For instance:

1. the table has a firstName column and that column is editable;
2. once the user clicks into the input and changes the value, the row should have an .active class added to it (either within an onFocus or onChange event);
3. when they submit the change (onBlur or hit the Enter key), that row will also get a .updating class;
4. if the update is successful, the .active and .updating classes are removed;
5. if not, the .updating is removed and a new .errored class is added.

Suggestions around intelligent ways to pass CSS classes around to the parent row like this based on a Cell’s editable input value?

Really appreciate any help I can get!