如何从标记域删除框

Question

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

Answer 1

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

Answer 2

您可以使用，而不是使用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() 
    });