Extjs 动态加载web应用程序的图标
我有一个ExtJS应用程序,有时我会开发它。我不想用CSS显式地指定每个图标,因为有太多的图标(),我只想写下图标的名称,然后使用它。什么样的解决方案可以帮助我?我理解您在这里想要做什么,但实现您想要的是不可能的。Extjs库在内部的工作方式通常使用CSS为所有内容定义图标,而CSS本身并不容易为图标创建动态类 在许多组件上,您可以直接指定图标图像,在这些情况下,您可以执行以下操作: 创建一个只需要图标名称作为输入的函数,并返回带有图标名称的图标路径:Extjs 动态加载web应用程序的图标,extjs,icons,extjs4,extjs4.1,Extjs,Icons,Extjs4,Extjs4.1,我有一个ExtJS应用程序,有时我会开发它。我不想用CSS显式地指定每个图标,因为有太多的图标(),我只想写下图标的名称,然后使用它。什么样的解决方案可以帮助我?我理解您在这里想要做什么,但实现您想要的是不可能的。Extjs库在内部的工作方式通常使用CSS为所有内容定义图标,而CSS本身并不容易为图标创建动态类 在许多组件上,您可以直接指定图标图像,在这些情况下,您可以执行以下操作: 创建一个只需要图标名称作为输入的函数,并返回带有图标名称的图标路径: function getIcon(icon
function getIcon(iconName){
return "\somedirectory\somesubdirectory\" + iconName;
}
在任何地方,都可以对组件使用“icon”属性,而不是iconCls属性。设置图标属性时,可以执行以下操作:
Ext.create("Ext.button.Button", {
icon: getIcon("cheese.gif")
});
只需为你的图标库生成一个CSS文件,实际上,是以编程方式生成的