如何从tagfield中删除Box

Question

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

Answer 1

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

Answer 2

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

    var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
      {"abbr":"AL", "name":"Alabama"},
      {"abbr":"AK", "name":"Alaska"},
      {"abbr":"AZ", "name":"Arizona"},
      {"abbr":"BL", "name":"Blabama"},
      {"abbr":"BK", "name":"Blaska"},
      {"abbr":"BZ", "name":"Brizona"},
      {"abbr":"CL", "name":"Clabama"},
      {"abbr":"CK", "name":"Claska"},
      {"abbr":"CZ", "name":"Crizona"},
      {"abbr":"DL", "name":"Dlabama"},
      {"abbr":"DK", "name":"Dlaska"},
      {"abbr":"DZ", "name":"Drizona"}
    ]
    });

    Ext.create('Ext.form.field.ComboBox', {
      fieldLabel: 'Choose State',
      store: states,
      delimiter : ",",
      multiSelect : true,
      queryMode: 'local',
      displayField: 'name',
      valueField: 'abbr',
      renderTo: Ext.getBody()
    });