如何在标签字段编辑器中放置 cls

Question

我正在使用标签字段并想在字段内应用 crooss 图标，我可以将其用于删除或某些事件。 我的标签字段代码是

{
    xtype: 'tagfield',
    growMax  : 10,
    valueField: 'title',
    displayField: 'title',
    parentGrid : me,
    dataIndex:header.getAttribute("DATAINDEX"),
    queryMode: 'local',
    multiSelect: true,
    isFilterDataLoaded: false,
    //cls : 'button-Cross',
    disabled: true,
    listeners:{}
}

我正在使用这个 css 类来应用 cross(X) 图标，但它没有出现。我也不确定点击该事件会如何。我正在尝试actionCls，但在那里没有得到太多

.button-Cross {
    line-height: 12px;
    width: 18px;
    font-size: 8pt;
    font-family: tahoma;
    margin-top: 1px;
    margin-right: 2px;
    position:absolute;
    top:0;
    right:0;
}

任何机构都可以建议我需要做什么。以及我做错了什么。我需要的图像是这样的。在黑匣子中我想要（X）。

注意：我的tagfield 是小部件列。

Answer 1

您可以使用triggers 添加额外的触发器，例如：

{
   xtype: 'tagfield',
   growMax: 10,
   valueField: 'title',
   displayField: 'title',
   queryMode: 'local',
   multiSelect: true,
   isFilterDataLoaded: false,
   disabled: true,
   triggers: {
       clear: {
           weight: -2,
           cls: 'button-cross',
           handler: function(){}
       },
       picker: {
           handler: 'onTriggerClick',
           scope: 'this'
       }
   }
}

工作示例：https://fiddle.sencha.com/#view/editor&fiddle/1on7