【发布时间】：2012-07-03 00:02:12
【问题描述】：
我有 ExtJS 应用程序，并且我有时会开发它。我不想用 CSS 明确指定每个图标，因为图标太多（http://p.yusukekamiyamane.com/），我只想写下图标的名称并使用它。什么样的解决方案可以帮助我？
【问题讨论】：
-
只是为你的图标库生成一个 CSS 文件，实际上，以编程方式生成它
标签： extjs icons extjs4 extjs4.1
【发布时间】：2012-07-03 00:02:12
【问题描述】：
我明白你想在这里做什么，但要达到你想要的目标是不可能的。 Extjs 库内部的工作方式一般使用 CSS 来定义所有的图标，而 CSS 本身并不是很容易为图标创建动态类。
在很多组件上，您可以直接指定图标图像，在这些情况下，您可以这样做： 创建一个只需要图标名称作为输入的函数，并返回带有图标名称的图标的路径：
function getIcon(iconName){
return "\somedirectory\somesubdirectory\" + iconName;
}
在任何可能的地方，使用组件上的 'icon' 属性而不是 iconCls 属性。设置图标属性时，可以这样做：
Ext.create("Ext.button.Button", {
icon: getIcon("cheese.gif")
});
【讨论】：