javascript - Extjs 6 中带有 html 编码显示字段的 Tagfield

Question

在升级到 Extjs 6 之前，我们使用的是 tagfield displayField 所在的组件是Ext.String.htmlEncode('description')其中 description是商店记录的描述字段。该字段不仅包含简单文本，而且采用以下形式:<img src="link..." style="..."/>&nbspRECORD_DESCRIPTION .使用 htmlEncode函数，它实际上会使用链接图像和记录描述来呈现标签字段的记录。

但是在升级到版本 6 后，它就停止工作了。它现在只生成完整的文本而不是渲染图像。就像htmlEncode突然停止工作。问题是在 ItemSelector 中我们做同样事情的领域一切都使用完全相同的方法完美运行。他们打破了tagfield吗？组件以便无法显示 html？

无论如何，我怎样才能重现我以前做过的事情？我试过 displayTpl配置，但它似乎不起作用。

Answer 1

不要使用 Ext.String.htmlEncode('description')，只在 displayField 中尝试使用 'description'。 DisplayField 会影响您在选择时看到的内容，为此，它将显示您的 HTML。它还会影响它如何显示您所做的选择，而且似乎没有办法在那里显示 HTML。它显示为纯文本。还有另一个属性 labelTpl，用于格式化您已经选择的项目。您可以使用它来仅显示您已经选择的事物的名称。 (LabelTpl 用于显示格式化的 HTML，但在 ExtJs6 中没有。)假设您的商店记录也有一个纯文本的“名称”字段；你会把它放在花括号里:

xtype:'tagfield',
displayField: 'description',
labelTpl: '{name}',
...

然后您将在进行选择时获得格式化的 HTML，并在所选项目中获得纯文本。这是迄今为止我想到的最好的办法。