Question

如何使用iconCls生成一个div来填充图标的等效内容作为div的内容？

例如

{
xtype:button,
iconCls: 'refresh',
iconMask: true,
}

将生成带有刷新图标的按钮。据我所知，Ext＆amp; Sencha虽然可以从CSS生成，所以它肯定可以在div上调用正确的类并让它自动为我绘制刷新图标？

我该怎么做？

Answer 1

Sencha不会使用您提供的任何名称自动绘制和图标。它只有在sencha已经添加了带有该图像的iconCls时才有效。但是，您可以自己添加iconCls并将该类添加到您的CSS中。

所以，对你来说，css将是这样的：

.refresh{
    background : url('your image location');
    height : 16px;  // Height-width of the image
    width : 16px;
}

Answer 2

我最近也创建了这个版本，可以帮助您为Sencha Touch应用程序准备图标。 README解释了在Ico Moon网站上创建图标的步骤，并使用该工具将Ico Moon项目文件转换为SCSS，以便在Sencha Touch中使用。