How to replace the XTemplate's charactor

[realsmy]

Hi,

There is a XTemplate Object and a json Object. Like this:

var data = {
        name: 'Jack Slocum',
        company: 'Ext JS\nLLC',
        sex: 'Boy'
}
var tpl = new Ext.XTemplate(
                    '<p>{name}</p>',
                    '<p>{company}</p>',
                    '<p>{sex}</p>'
                );

                tpl.overwrite(p.body, data);

Now it only displays like this:
Jack Slocum
Ext JSLLC
Boy

But I want to replace the "\n" with </br>, and let it display like this:
Jack Slocum
Ext JS
LLC
Boy

Yes, it changes lines. So how shall I do?

Help please!~Thanks first!~

[Animal]

What do you want to know? It creates HTML, and "\n" is just whitespace to HTML. To break a line you need "<br>"

[Condor]

You could create your own format function, e.g.

Ext.util.Format.newLine = function(value) {
  return !value ? value : String(value).replace(/\n/g, "<br />");
};

and use:

var tpl = new Ext.XTemplate(
  '<p>{name}</p>',
  '<p>{company:newLine}</p>',
  '<p>{sex}</p>'
);

[realsmy]

Thanks!~Just it is!~

I made a mistake, I replace '\n' with '</br>'. And it need be '<br>'.

[NoahK17]

Of note, Condor's solution above {variableName:functionName} still works in Ext 6.5.x