如何从标签字段中删除框答案

【问题标题】：How to remove Box from tagfield如何从标签字段中删除框
【发布时间】：2016-09-28 06:32:39
【问题描述】：

我正在使用 EXTJS 6 并使用 Tagfield。当我选择 TagField 时，我得到了带有关闭图标的框。如何删除该框并关闭图标并放置我自己的 css。 MyFiddle

【问题讨论】：

你没有。您需要编写自己的组合框扩展。
@EvanTrimboli 因为我不能从组合框中使用多项选择，所以我选择tagfield。我不明白组合框的扩展。

【解决方案1】：

如果您需要将更改应用到项目中的所有标签字段，您可以简单地覆盖此元素的主题变量（$tag-field-item-close-icon-glyph 等）。 ) 在你的主题中。文档中描述的所有可用变量列表：http://docs.sencha.com/extjs/6.0.1/classic/Ext.form.field.Tag.html#vars

【讨论】：

【解决方案2】：

您可以使用 Ext.form.field.ComboBox 而不是使用 Ext.form.field.Tag

var states = Ext.create('Ext.data.Store', { 字段：['缩写'，'名称']，数据： [ {“缩写”：“AL”，“名称”：“阿拉巴马州”}， {“缩写”：“AK”，“名称”：“阿拉斯加”}， {“缩写”：“AZ”，“名称”：“亚利桑那州”}， {“缩写”：“BL”，“名称”：“Blabama”}， {“缩写”：“BK”，“名称”：“Blaska”}， {“缩写”：“BZ”，“名称”：“布里佐纳”}， {“缩写”：“CL”，“名称”：“Clabama”}， {“缩写”：“CK”，“名称”：“Claska”}， {“缩写”：“CZ”，“名称”：“Crizona”}， {“缩写”：“DL”，“名称”：“Dlabama”}， {"abbr":"DK", "name":"Dlaska"}, {“缩写”：“DZ”，“名称”：“Drizona”} ] }); Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择状态', 商店：州，分隔符：“，”，多选：真，查询模式：'本地'，显示字段：'名称'，值字段：'缩写'， renderTo: Ext.getBody() });

【讨论】：

有一些目的，比如multiselect : true 不在组合中，所以我们使用了tagfield