InvalidCharacterError: Failed to execute 'setAttribute' on 'Element'

[optimus13]

I have a grid, whose model has a field of type String.

The value being set has special character, something like this - ' Adding a white" character '

Please note the (") character after (white). This is causing an exception, if i do any king of data manipulation on that record. May it be any field in that record.

Below is the stack trace.

Table.js?_dc=1472219652377:2649 
Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'white"' is not a valid attribute name.
updateColumns                    @ Table.js?_dc=1472219652377:2649
handleUpdate                         @ Table.js?_dc=1472219652377:2461
onUpdate                         @ AbstractView.js?_dc=1472219652391:1228
fire                             @ Event.js?_dc=1472219652373:415d
oFireEvent                     @ Observable.js?_dc=1472219652367:782
prototype.doFireEvent             @ EventDomain.js?_dc=1472219652374:292
fireEventArgs                     @ Observable.js?_dc=1472219652367:621
fireEvent                         @ Observable.js?_dc=1472219652367:574
onCollectionItemChange             @ Store.js?_dc=1472219652364:568
notify                         @ Collection.js?_dc=1472219652374:3047
itemChanged                     @ Collection.js?_dc=1472219652374:1777
afterChange                     @ Store.js?_dc=1472219652364:577
afterEdit                         @ Store.js?_dc=1472219652364:586
callJoined                         @ Model.js?_dc=1472219652368:2711
set                             @ Model.js?_dc=1472219652368:1247
onEditComplete                 @ CellEditing.js?_dc=1472219652370:594
onEditComplete                 @ CellEditor.js?_dc=1472219652377:148

I am unable to figure out what is causing this.

Any help is appreciated.

Thanks

[Gary Schlosberg]

Can you HTML-encode the double-quote character?

&quot

[optimus13]

Actually, adding this render config in the column simply solved my problem.


renderer: Ext.util.Format.htmlEncode