Highlight row with unsaved changes

A kind of conditional rendering on row has unsaved changes.

hmmm… I think you’d have to use the skuid editor. This would allow to use the events on the UI as they happen. The following is straight from the help.skuidify.com site with some minor changes.

1. // Instantiate a new skuid.ui.Editor
2. var myeditor = new skuid.ui.Editor(parentElement);
3. 
   
4. function removeClass(){
5.    // loop through all items in list to remove class
6. }
7. 
   
8. // Extend the default handle*****() functionalities
9. 
   
10. myeditor.handleChange = function() {
11.     skuid.ui.Editor.prototype.handleChange.call(myeditor);
12.     // loop through the list to add/remove a class to each
13.     // item called “unsaved_changes”
14. 
    
15. }
16. 
    
17. myeditor.handleSave= function() {
18.     skuid.ui.Editor.prototype.handleSave.call(myeditor);
19.     removeClass();
20. }
21. 
    
22. myeditor.handleCancel= function() {
23.     skuid.ui.Editor.prototype.handleCancelhandleChange.call(myeditor);
24.     removeClass();
25. }