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

Question

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

Answer 1

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

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

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

在任何地方都可以使用组件上的 'icon' 属性而不是 iconCls 属性。设置图标属性时，可以这样做：

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