Question

I have a form containing many dijit.form elements and also a dijit.Editor. The form is initially filled with data that I get from the server. The user can change the content and then submit this back to the serer. A classic use case.

When the user submits the form I need to only send the changed data. The problem with the dijit.Editor is that it sometimes changes the initial content even if the user did not make any changes. For example:

The initial content entered in the dijit.editor is this:

"Gesegmenteerde rand, 115 mm~Max 13280 U/min, 80 m/sec</br>~Drooggebruik"

And when retrieving the content like this editorObj.get(‘value’); it returns this:

"Gesegmenteerde rand, 115 mm~Max 13280 U/min, 80 m/sec<br />~Drooggebruik"

As you can see the </br> is changed to <br />. I know the original value is wrong, but that’s because the source sucks and that is out of my control.

So my question is: is there an easy way to check if the content has indeed been changed by the user instead of just by dijit.Editor itself.

Answer 1

What I ended up doing is was adding two extra attributes to the Editor:

dijitObj.set('originalValue', value);
dijitObj.set('value', value);
dijitObj.set('uneditedValue', dijitObj.get('value'));

In the read out of the value of the the editor I use these to determine if something changed at all:

var value = dijitObj.get('value');
if (dijitObj.get('uneditedValue') === value) {
  // The value hasn't changed, so we send the original value
  value = dijitObj.get('originalValue');
}