使用Ext.Template时出现Extjs格式问题

使用Ext.Template时出现Extjs格式问题,extjs,Extjs,我有一个定义如下的行扩展器: var expander = new Ext.ux.grid.RowExpander({ id: 'expander', tpl : new Ext.Template( '<pre style="word-wrap:break-word;"><p>{bigText}</p></pre>' ) }); var expander=new Ext.ux.grid.RowExpande

我有一个定义如下的行扩展器:

var expander = new Ext.ux.grid.RowExpander({
    id: 'expander',
    tpl : new Ext.Template(
        '<pre style="word-wrap:break-word;"><p>{bigText}</p></pre>'
    )
});
var expander=new Ext.ux.grid.RowExpander({
id:'扩展器',
第三方物流:新的外部模板(
“{bigText}

” ) });
bigText
是从服务器返回的,它包含一个包含所有html标记的完整html文档。由于某些原因,
tpl
无法预先解释这些标签,页面上的最终格式混乱(例如,医药图之间的间距过大)

解决这个问题的好方法是什么

编辑:这是从服务器返回的内容:(请原谅格式错误…)
“bigText:“\n\n\n\n.header{\n\t颜色:黑色;\n\t字体系列:Arial,Helvetica,无衬线;\n\t字体大小:10pt\n}\n\n.footer{\n\t颜色:黑色;\n\t字体系列:Arial,Helvetica,无衬线;\n\t字体大小:10pt;\n\t字体样式:斜体;\n}\n\n\n\n.body页眉{\n\t颜色:黑色;\n\t字体系列:Arial,Helvetica,无衬线;\n\t字体大小:10pt;\n\t字体重量:粗体;\n}\n.正文内容{\n\t颜色:黑色;\n\t字体系列:Arial,Helvetica,无衬线;\n\t字体大小:10pt;\t\n}\n\n\n\n\n\n\n这是为了通知您,您的帐户余额大于或低于可在网上银行业务上查看的阈值。请求的详细信息如下所示。
\n\n

\n\n\n账号:xxxxxxx
\n\n余额金额:100
\n\n\n
\n\n\n此电子邮件和任何附件可能包含机密和机密信息特权信息。如果您不是预期的收件人,请向xxx@xx.com或致电1-xxx-xxx-xxxx,请删除此电子邮件并销毁所有副本。非预期收件人传播或使用此信息是未经授权的,可能是非法的。
\n\n

\n\n\n插入时间:2011年9月6日加拿大东部时间下午2:10
\n

\n\n\n“

预标记用于格式化文本,而不是用于显示html。您需要先转义html:

'<pre style="word-wrap:break-word;"><p>{[Ext.util.Format.htmlEncode(values.bigText)]}</p></pre>'
'{[Ext.util.Format.htmlEncode(values.bigText)]}

'

如果bigText确实包含带有
等的完整HTML文档,那么最好只从中提取正文部分

此外,将所有内容都包装在
标记中是没有意义的。你为什么要这样做


如果你真的想保留HTML页面的所有格式,也许你应该改用

一个HTML文档只能包含
标记中的一个。从服务器发送的响应中删除这些标记,然后再试。

我需要定义
值吗?
?谢谢。是的。谢谢我正在试图弄清楚如何在扩展器中使用iframe。