What is the best way to escape HTML on ExtJS application generally?

rest grails extjs json html-encode
Đinh Hồng Châu picture Đinh Hồng Châu · Aug 27, 2013 · Viewed 16.8k times · Source

I am developing a web application using ExtJS to build GUI and communicate with server via RESTful web-service (the returned data is formatted as JSON objects).
Now I am having problems when processing with data which contains HTML tags, Javascript codes inside; because when I set those values to Ext forms, labels, input fields, they are affected by those syntaxes.
I used this function to load data from model object to form: 

form.loadRecord(model);

I have found a solution to escape HTML and JS: using 

field.setValue(Ext.util.Format.htmlDecode(data));

but I think that is not a good solution for whole application, because the developers must do so much things: review all input fields, labels, and put that snippet to them. And after all, that is not a beautiful way to build a fast, robust and maintainable application.
So, could you please help me solution so that it can be modified at one place, and affects to the rest. Can I override the setValue/ setLabel of AbstractComponent? Or should I encode the data before rendering them? And how to decode those data? (P/S: I uses Grails framework on the server-side) Thank you so much.

Answer

mockaroodev picture mockaroodev · Mar 6, 2014

If you're using Ext.XTemplate, you can escape html in fields like this:

var tpl = new Ext.XTemplate(
    '<p>My Field: {myField:htmlEncode}</p>'
);

Related questions

Posting a File and Associated Data to a RESTful WebService preferably as JSON

This is probably going to be a stupid question but I'm having one of those nights. In an application I am developing RESTful API and we want the client to send data as JSON. Part of this application requires the …

Read More
FileUpload with JAX-RS

I try to do file upload from a JavaScript client to a JAX-RS Java server. I use the following REST upload function on my server: @POST @Produces('application/json') UploadDto upload( @Context HttpServletRequest request, @QueryParam("cookie") String cookie) { def contentType …

Read More
Implement a REST API in a Grails app

I was wondering what would be the best approach to make a Grails app offer a RESTful API (some CRUD actions mainly) that can be used by a web service, e.g. when you want to build a corresponding iOS …

Read More