如何实现"close expanded tagfield when its label is clicked in ExtJS6"？

Question

默认情况下，单击字段标签时无法关闭标签字段，因此如果表单中充满了标签字段，则很难找到一个可以单击而不展开其中一个字段的最佳位置。

我想保留 triggerOnClick 行为，当它在您单击字段本身时展开。有没有办法让它的标签折叠扩展字段（比将无标签字段包装到带有标签的容器中更好）。

xtype: 'tagfield'
fieldLabel: 'Tags',
queryMode: 'local',
triggerAction: 'all',
forceSelection: true,
editable: true,
anyMatch: true,
valueField: 'id',
displayField: 'name',
triggerOnClick: true,
store: store,

https://fiddle.sencha.com/#fiddle/17or

labelableRenderTpl 和 for 有一个解决方法。如何将其插入我的代码？

xtype: 'tag',
reference: 'mytagfield',
displayField: 'name',
valueField: 'id',
store: {type: 'laws'},
disabled: true,
bind: {
   fieldLabel: '{i18n.law}',
   blankText: '{i18n.mandfield}'
}

HTML 代码如下所示：

<label id="mytagfield-labelEl" data-ref="labelEl" class="x-form-item-label x-form-item-label-default   x-unselectable" style="padding-right:5px;width:205px;" for="mytagfield-inputEl">

我要删除：

for="mytagfield-inputEl"

Answer 1

[解决方案]: "OnClick"-标签字段标签的侦听器:

[旧解决方法]：我找到了一个解决方案来编辑 for-Attribute。您可以使用

编辑值

inputId: "myTagfieldIsNotSelectWhenIpressOnTheLabel"

当客户按下 Extjs 标记字段的标签并且该字段应该关闭时，这是一种解决方法。

如何实现"close expanded tagfield when its label is clicked in ExtJS6"？

How to implement "close expanded tagfield when its label is clicked in ExtJS6"?

html

extjs

extjs6

extjs6-classic