我正在尝试在extJS中的工具栏按钮中添加图标。在我的情况下，我想在我的按钮中刷新图标。
是否有 easy 和标准这样的方式？我似乎无法在网上找到任何体面的文档。
我的工具栏按钮：
{
text: 'Reset',
icon: 'refresh',
tooltip: 'Reset Grid Layout'
}
将刷新放在这里并不做任何事情。我的按钮中有一个空的空间应该是什么。 IE浏览器。它理解＆＃39; icon＆＃39;它不会理解＆＃39;刷新＆＃39;
答案 0 :(得分：2)
我相信ExtJS或Ext.NET倾向于使用fam fam fam丝图标集。
http://www.famfamfam.com/lab/icons/silk/
通常在按钮之类的东西上使用图标，设置指向图标位置的css类，例如
.myIcon {
background-image: url(path of your image);
}
在Ext组件上，您可以设置相关属性。这可能是iconCls: ''或类似的东西（取决于组件）。
答案 1 :(得分：1)
您可以使用iconCls:并提供一个css类来设置正确的background集，以及其他信息（大小，颜色等）
您可以使用icon:并传递图片的相对路径。
其中glyphs我不太了解，但网上有一些很好的例子（例如this）。基本上你加载一个图标字体并在按钮的glyph:配置中设置字符代码。
最后，面板标题有一些非常好的图标，名为：tools。可以看到默认主题here。海王星的更好。检查Kitchen Sink examples。
（如果你找到他们的类名，你可以在任何地方使用它们进行一些调整）。
这些是在您的小组config中定义的。
示例：
config: {
....,
tools: [
{type: 'refresh'},
{type: 'save'},
...]
},
答案 2 :(得分：0)
我没有在文档中找到与标签的默认extjs图标用法相关的内容。 但您可以使用 iconCls 配置定义自定义图标css。
{
title: 'Foo',
iconCls:'refreshIconCls'
}
CSS：
.refreshIconCls{
background-image:url(../images/refresh.png)!important;
}
答案 3 :(得分：0)
您可以使用图标列表，但仅适用于 Ext.panel.Tool 类型。请参阅API here。它使用配置选项类型
来使用对于普通按钮，您需要提供图像文件的路径
Ext.button也有类型，但不适用于图标。见here
答案 4 :(得分：0)
我做了@dougajmcdonald推荐的。
在此行下面的 ext-all.css 中：
@import '../ext-theme-gray/ext-theme-gray-all.css';
我添加了我的图标路径：
.myIcon {
background-image: url('../ext-theme-gray/images/grid/columns.gif');
}
我不确定这是否是用图标做事的最佳模式。可能有一种更简单的方法，因为我必须使用＆＃39; ext-theme-grey＆＃39;对于所有的URL。当我改变外观时，每个URL都必须更新。也许有一种在CSS中定义变量的方法可以解决这个问题。
答案 5 :(得分：0)
System.out.println("Dog says: " + Dog.SOUND);
System.out.println("Cat says: " + Cat.SOUND);