动态加载Web应用程序的图标

Question

我有ExtJS应用程序，我有时会开发它。我不想用CSS明确指定每个图标，因为有太多图标（http://p.yusukekamiyamane.com/），我只想写出图标的名称并继续使用它。什么样的解决方案可以帮助我？

Answer 1

我理解你想在这里做什么，但实现你想要的东西是不可能的。 Extjs库在内部工作的方式通常使用CSS来定义所有内容的图标，而CSS本身并不容易为图标创建动态类。

在很多组件上你可以直接指定图标图像，在这种情况下你可以这样做： 创建一个只需要图标名称作为输入的函数，并返回带有图标名称的图标的路径：

function getIcon(iconName){
    return "\somedirectory\somesubdirectory\" + iconName;
}

在任何地方，您都可以使用＆＃39;图标＆＃39;组件的属性而不是iconCls属性。设置图标属性时，可以执行以下操作：

Ext.create("Ext.button.Button", {
   icon: getIcon("cheese.gif")
});