为Ext.Msg.alert和Ext.Msg.confirm配置Sencha Touch图标?

时间:2012-05-08 20:09:32

标签: sencha-touch

如何为这些Sencha Touch事件指定自定义图标:

  • Ext.Msg.alert
  • Ext.Msg.confirm

如何做到这一点?

3 个答案:

答案 0 :(得分:0)

在Ext.Msg(MessageBox)上,您可以指定iconCls配置项来控制使用的图标。

图标应为40x40,您显然想要引用css类,其中background: url();指向您的图标网址。

由于alert和confirm是messagebox的子集,因此配置项也应该可用。

答案 1 :(得分:0)

感谢@douga,我决定在Ext.Msg.confirm上使用CSS类和标签在我的Sencha代码中指定一个自定义图标。 .customIcon {background-image:url(); background-position:x y;}。

谢谢:)

答案 2 :(得分:0)

我最近创建了这个新应用,可以帮助您准备可以分配给iconCls的命名图标。它为您的Sencha Touch应用生成SCCS文件。 README解释了在Ico Moon网站上创建图标的步骤,并使用该工具将Ico Moon项目文件转换为SCSS,以便在Sencha Touch中使用。这也已经与Sencha Architect项目进行了测试。