Extjs Ext.TabPanel html帮助添加({ 标题：args.node.id， iconCls:“选项卡”，项目：[{html:'_Extjs

Extjs Ext.TabPanel html帮助添加({ 标题：args.node.id， iconCls:“选项卡”，项目：[{html:'

extjs

Extjs Ext.TabPanel html帮助添加({ 标题：args.node.id， iconCls:“选项卡”，项目：[{html:',extjs,Extjs,您需要将所有的转换为和一个更好的方法是将标记包含在页面的HTML中，用一个id封装在一个div中，然后使用该id通过contentEl配置将其拉到面板中。任何一种非平凡的HTML内容都将非常快速如果您尝试使用html配置来进行此操作，您将陷入一个痛苦的世界。html编码、换行、缩进等--只需按预期的方式格式化html即可--使用html。非常感谢您的建议。不过，内容是通过AJAX作为字符串加载的。在这种情况下，我建议使用自动加载配置，如下图所示本页的第二个示例：如果查看代码，可以看到，通过aut

您需要将所有的

转换为

和


一个更好的方法是将标记包含在页面的HTML中，用一个id封装在一个div中，然后使用该id通过contentEl
配置将其拉到面板中。任何一种非平凡的HTML内容都将非常快速如果您尝试使用html配置来进行此操作，您将陷入一个痛苦的世界。html编码、换行、缩进等--只需按预期的方式格式化html即可--使用html。非常感谢您的建议。不过，内容是通过AJAX作为字符串加载的。在这种情况下，我建议使用自动加载配置，如下图所示本页的第二个示例：如果查看代码，可以看到，通过autoLoad（内部通过UpdateManager）加载的内容会自动进行HTML编码。
add({
     title: args.node.id,
     iconCls: 'tabs',
     items: [{html: '<code class="prettyprint"><?php\necho \'Hello World!\';</code>', width: '100%', hieght: '100%', plain: true}],
     closable: true
}).show();

<code class="prettyprint"><html><head><title>Whatever</title></head><body.The body!</body></html></code>