Extjs 有一个带有图像标签的显示域答案

【问题标题】：Extjs Having a displayfield with an image labelExtjs 有一个带有图像标签的显示域
【发布时间】：2016-06-21 05:53:10
【问题描述】：

我正在寻找一种方法来拥有一个显示字段（一个简单的不可编辑的文本，旁边有一个文本标签），但我想添加一个图像标签而不是文本标签。如果不自己上课，我怎么能做到这一点？我知道我可以制作一个带有图像和 xtype 的 hbox 容器：label，但我更愿意找到一种方法来利用 xtype: displayfield 及其标签配置（如宽度、分隔符等）。

谢谢

【问题讨论】：

标签： css image extjs label extjs5

【解决方案1】：

我知道你不喜欢自己上课，但也许 labelCls 或 labelStyle 会有所帮助。
授予使用labelCls 将涉及创建CSS 类，但我认为labelStyle 将允许您直接编码background-image。

【讨论】：

我试过 labelStyle 但由于某种原因我无法让它工作。我一直在网上寻找一个例子，但没有人有一个有效的例子。你可以发布一个 jsfiddle 什么的吗？
我无法得到一个小提琴，但尝试类似： fieldLabel: ' ', labelSeparator:'' labelStyle: 'background-image:url(\'REPLACE THIS WITH URL TO YOUR IMAGE\ ');'如果需要指定大小，还可以设置宽度和高度。 - fieldLabel - 不能是完全空的字符串，空格有效； labelSeparator - 允许您删除标签和字段之间的“：”（如果需要） labelStyle - 像内联 css 一样工作，您可以轻松地根据属性或您需要的任何方式设置字符串。希望它有所帮助
我试过了，虽然图像确实出现在标签的位置，但它是可重复的，我无法更改它的高度（没有 labelHeight 属性）。此外，如果我在 CSS 行中添加 no-repeat，它会破坏它并且图像由于某种原因不会呈现。我很确定，如果您尝试一下，您会发现它并不像您想象的那样完全有效。这就是为什么我要一个工作小提琴：p
给你，我想这就是你的意思，如果不是我可能理解错了你的想法。我尝试了几种不同的样式来满足不同的需求，如果需要，可以借鉴它们:) fiddle.sencha.com/#fiddle/bv2
你的小提琴有效，它解决了我的问题。即使我尝试使用配置等，我的 css 语法显然也有问题。无论如何，谢谢。