如何在ExtJS6"中单击其标签时实现"关闭扩展标记字段?

时间:2016-09-13 12:02:04

标签: html extjs extjs6 extjs6-classic

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

每当您点击字段本身时,我希望在它展开时保持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 的解决方法。如何将其插入我的代码?

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"

1 个答案:

答案 0 :(得分:0)

[SOLUTUION]:标签字段标签的“OnClick”-listener:

Extjs Tagfield: How to close its list by clicking on its label in IE11?

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

编辑值
inputId: "myTagfieldIsNotSelectWhenIpressOnTheLabel"

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